/* Large, static explanatory drawings. Deliberately not decorative UI icons. */
.sc-explainer {
  --sc-exp-cyan: #57d7ef;
  --sc-exp-gold: #f3c45a;
  --sc-exp-muted: #94b0bf;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: clamp(7px, 1.2vw, 13px);
  box-sizing: border-box;
  border: 1px solid rgba(87, 215, 239, .28);
  border-radius: 16px;
  background: #071c2a;
  color: #c6d7df;
  isolation: isolate;
}
.sc-explainer > svg {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: visible;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sc-explainer--compact { padding: 7px; border-radius: 12px; }
.sc-explainer--compact > svg { min-height: 132px; }

.sc-explainer .sc-explainer__background { fill: #092232; }
.sc-explainer .sc-explainer__grid { fill: none; stroke: #346073; stroke-width: 1; opacity: .19; }
.sc-explainer .sc-explainer__corners { fill: none; stroke: var(--sc-exp-cyan); stroke-width: 2; opacity: .55; }
.sc-explainer .sc-explainer__scene { stroke-width: 2.5; }
.sc-explainer .sc-explainer__shadow { fill: #020c14; opacity: .45; }
.sc-explainer .sc-explainer__paper-back { fill: #c0ced5; stroke: #6c899a; }
.sc-explainer .sc-explainer__paper { fill: #f1f3ed; stroke: #9fbbc9; }
.sc-explainer .sc-explainer__fold { fill: #c7dce4; stroke: #97b0be; }
.sc-explainer .sc-explainer__ink { fill: none; stroke: #284b5e; stroke-width: 6; }
.sc-explainer .sc-explainer__ink-muted { fill: none; stroke: #6e8d9a; stroke-width: 4; }
.sc-explainer .sc-explainer__table { fill: #e1eaf0; stroke: #7f9aa8; stroke-width: 1.5; }
.sc-explainer .sc-explainer__table-lines { fill: none; stroke: #9fb6c2; stroke-width: 1; }
.sc-explainer .sc-explainer__data { fill: none; stroke: #426c7f; stroke-width: 3; }
.sc-explainer .sc-explainer__connector,
.sc-explainer .sc-explainer__arrowhead { fill: none; stroke: var(--sc-exp-gold); stroke-width: 5; }
.sc-explainer .sc-explainer__connector-faint { fill: none; stroke: var(--sc-exp-gold); stroke-width: 2; stroke-dasharray: 6 6; opacity: .8; }
.sc-explainer .sc-explainer__screen { fill: #0d2a3b; stroke: #6b9aae; }
.sc-explainer .sc-explainer__screen-divider { fill: none; stroke: #487186; stroke-width: 1.5; }
.sc-explainer .sc-explainer__gold { fill: var(--sc-exp-gold); stroke: none; }
.sc-explainer .sc-explainer__cyan { fill: var(--sc-exp-cyan); stroke: none; }
.sc-explainer .sc-explainer__muted-fill { fill: #6d8d9d; stroke: none; }
.sc-explainer .sc-explainer__light-line { fill: none; stroke: #c0d7df; stroke-width: 4; }
.sc-explainer .sc-explainer__table-dark { fill: #12374a; stroke: #698c9c; stroke-width: 1.5; }
.sc-explainer .sc-explainer__table-dark-lines { fill: none; stroke: #416b7e; stroke-width: 1; }
.sc-explainer .sc-explainer__data-light { fill: none; stroke: #9cd5e1; stroke-width: 3; }
.sc-explainer .sc-explainer__source-link { fill: none; stroke: var(--sc-exp-gold); stroke-width: 2; opacity: .85; }
.sc-explainer .sc-explainer__gold-point { fill: #0b2939; stroke: var(--sc-exp-gold); stroke-width: 2; }

.sc-explainer .sc-explainer__map-paper { fill: #e8efec; stroke: #a2bdc9; }
.sc-explainer .sc-explainer__water { fill: #8bbbc9; stroke: none; }
.sc-explainer .sc-explainer__buildings { fill: #c1cfc9; stroke: #a6bdb6; stroke-width: 1; }
.sc-explainer .sc-explainer__road-edge { fill: none; stroke: #9baeb2; stroke-width: 21; }
.sc-explainer .sc-explainer__road { fill: none; stroke: #fcfbef; stroke-width: 16; }
.sc-explainer .sc-explainer__road-mark { fill: none; stroke: #abb8b8; stroke-width: 1.5; stroke-dasharray: 8 9; }
.sc-explainer .sc-explainer__survey-halo { fill: none; stroke: #183c4d; stroke-width: 9; opacity: .9; }
.sc-explainer .sc-explainer__survey-line { fill: none; stroke: var(--sc-exp-cyan); stroke-width: 4; }
.sc-explainer .sc-explainer__survey-points { fill: var(--sc-exp-gold); stroke: #143f51; stroke-width: 2; }
.sc-explainer .sc-explainer__focus-ring { fill: none; stroke: #b17a0c; stroke-width: 3; }
.sc-explainer .sc-explainer__focus-cross { fill: none; stroke: #9e6e0d; stroke-width: 2; }
.sc-explainer .sc-explainer__north { fill: #1c5269; stroke: #eef5f4; stroke-width: 1; }
.sc-explainer .sc-explainer__scale { fill: none; stroke: #345b6b; stroke-width: 3; }

.sc-explainer .sc-explainer__clip { fill: #1d4b62; stroke: #79a7b8; }
.sc-explainer .sc-explainer__checkbox { fill: #e5eff0; stroke: #568491; stroke-width: 2; }
.sc-explainer .sc-explainer__check-mark { fill: none; stroke: #17667e; stroke-width: 3; }
.sc-explainer .sc-explainer__unknown-box { fill: #fff0ba; stroke: #bf8d22; stroke-width: 1.5; stroke-dasharray: 5 4; }
.sc-explainer .sc-explainer__unknown-mark { fill: none; stroke: #9b6b0e; stroke-width: 3; }
.sc-explainer .sc-explainer__unknown-line { fill: none; stroke: #b6944d; stroke-width: 3; }
.sc-explainer .sc-explainer__lens { fill: #103549; stroke: var(--sc-exp-cyan); stroke-width: 6; }
.sc-explainer .sc-explainer__lens-rim { fill: none; stroke: #80bed1; stroke-width: 1.5; }
.sc-explainer .sc-explainer__magnifier-handle { fill: none; stroke: #638799; stroke-width: 24; }
.sc-explainer .sc-explainer__magnifier-highlight { fill: none; stroke: #a1b9c4; stroke-width: 5; }
.sc-explainer .sc-explainer__lens-data { fill: none; stroke: #678c9e; stroke-width: 3; }
.sc-explainer .sc-explainer__unknown-mark-large { fill: none; stroke: var(--sc-exp-gold); stroke-width: 6; }
.sc-explainer .sc-explainer__lens-shine { fill: none; stroke: #c0ebf3; stroke-width: 4; opacity: .7; }

.sc-explainer .sc-explainer__gold-rule { fill: none; stroke: #c08e20; stroke-width: 2; }
.sc-explainer .sc-explainer__report-map { fill: #dbe8e6; stroke: #9ab7c1; stroke-width: 1; }
.sc-explainer .sc-explainer__report-road { fill: none; stroke: #f9fcf7; stroke-width: 10; }
.sc-explainer .sc-explainer__report-survey { fill: none; stroke: #207c94; stroke-width: 3; }
.sc-explainer .sc-explainer__report-points { fill: #e1ae37; stroke: #6c571e; stroke-width: .8; }
.sc-explainer .sc-explainer__chart-axis { fill: none; stroke: #4f7180; stroke-width: 1.5; }
.sc-explainer .sc-explainer__chart-grid { fill: none; stroke: #c5d4d8; stroke-width: 1; }
.sc-explainer .sc-explainer__profile-fill { fill: #d5e8e9; stroke: none; }
.sc-explainer .sc-explainer__profile { fill: none; stroke: #217f95; stroke-width: 3; }
.sc-explainer .sc-explainer__profile-points { fill: #c89422; stroke: #c89422; stroke-width: 1; }
.sc-explainer .sc-explainer__printer { fill: #1b4359; stroke: #7ea2b2; }
.sc-explainer .sc-explainer__printer-slot { fill: #071b29; stroke: #7797a7; }
.sc-explainer .sc-explainer__page-dots { fill: #a4cbd8; stroke: none; }

.sc-explainer .sc-explainer__site-skyline { fill: none; stroke: #6e8f9f; stroke-width: 2; opacity: .65; }
.sc-explainer .sc-explainer__site-ground { fill: #163a4a; stroke: #5c8b9d; stroke-width: 1.5; }
.sc-explainer .sc-explainer__site-road { fill: none; stroke: #658a98; stroke-width: 10; }
.sc-explainer .sc-explainer__site-pipe { fill: none; stroke: #8fbdc9; stroke-width: 8; }
.sc-explainer .sc-explainer__targets { fill: #092232; stroke: var(--sc-exp-gold); stroke-width: 2; }
.sc-explainer .sc-explainer__tripod-leg { fill: none; stroke: var(--sc-exp-gold); stroke-width: 6; }
.sc-explainer .sc-explainer__tripod-metal { fill: none; stroke: #d5e1e4; stroke-width: 3; }
.sc-explainer .sc-explainer__instrument-base { fill: #b8d0d7; stroke: #6b93a3; }
.sc-explainer .sc-explainer__instrument { fill: #dce8e3; stroke: #90b0b6; }
.sc-explainer .sc-explainer__instrument-top { fill: #a4c9c5; stroke: #719795; }
.sc-explainer .sc-explainer__instrument-lens { fill: #133949; stroke: #5695a8; stroke-width: 3; }
.sc-explainer .sc-explainer__lens-core { fill: #3487a4; stroke: #77d2e5; stroke-width: 1; }
.sc-explainer .sc-explainer__sight { fill: none; stroke: var(--sc-exp-cyan); stroke-width: 1.5; stroke-dasharray: 5 6; }
.sc-explainer .sc-explainer__worker-leg { fill: none; stroke: #d2e0e5; stroke-width: 15; }
.sc-explainer .sc-explainer__boot { fill: none; stroke: #83a8ba; stroke-width: 11; }
.sc-explainer .sc-explainer__worker-jacket { fill: #d5e95e; stroke: #b4ca5c; stroke-width: 2; }
.sc-explainer .sc-explainer__reflector { fill: none; stroke: #f0f4e8; stroke-width: 8; }
.sc-explainer .sc-explainer__worker-arm { fill: none; stroke: #d4e75f; stroke-width: 17; }
.sc-explainer .sc-explainer__face { fill: #d2b591; stroke: #9f8b75; stroke-width: 1.5; }
.sc-explainer .sc-explainer__helmet { fill: #f0f1de; stroke: #b7c8bf; stroke-width: 2; }
.sc-explainer .sc-explainer__helmet-ridge { fill: none; stroke: #a8c2bf; stroke-width: 3; }
.sc-explainer .sc-explainer__face-detail { fill: none; stroke: #5a5b58; stroke-width: 1.5; }

.sc-explainer .sc-explainer__monitor { fill: #071621; stroke: #92b3c0; stroke-width: 3; }
.sc-explainer .sc-explainer__toolbar-shapes { fill: #78afbf; stroke: #9bd4e1; stroke-width: 1; }
.sc-explainer .sc-explainer__selection-box { fill: none; stroke: #42b3d0; stroke-width: 1.5; stroke-dasharray: 5 4; }
.sc-explainer .sc-explainer__selection-handles { fill: #e8f6f8; stroke: #25839e; stroke-width: 1.5; }
.sc-explainer .sc-explainer__monitor-stand { fill: none; stroke: #8aaab8; stroke-width: 8; }
.sc-explainer .sc-explainer__desktop { fill: none; stroke: #7c9ead; stroke-width: 5; }
.sc-explainer .sc-explainer__palette { fill: #12394b; stroke: #84afbf; }
.sc-explainer .sc-explainer__pen { fill: var(--sc-exp-gold); stroke: #c49124; stroke-width: 2; }
.sc-explainer .sc-explainer__pen-detail { fill: none; stroke: #574a2a; stroke-width: 2; }
.sc-explainer .sc-explainer__ruler { fill: #cddde1; stroke: #92afba; stroke-width: 1; }
.sc-explainer .sc-explainer__ruler-ticks { fill: none; stroke: #447186; stroke-width: 1; }

.sc-explainer .sc-explainer__same-project { fill: none; stroke: var(--sc-exp-cyan); stroke-width: 3; opacity: .4; }
.sc-explainer .sc-explainer__stage-frame { fill: #0d2a3b; stroke: #537e92; stroke-width: 1.5; }
.sc-explainer .sc-explainer__handover-arrows { fill: none; stroke: var(--sc-exp-gold); stroke-width: 2.5; }
.sc-explainer .sc-explainer__reflector-small { fill: none; stroke: #f0f4e8; stroke-width: 4; }
.sc-explainer .sc-explainer__worker-arm-small { fill: none; stroke: #d4e75f; stroke-width: 8; }
.sc-explainer .sc-explainer__source-mini { fill: none; stroke: var(--sc-exp-cyan); stroke-width: 2.5; }
.sc-explainer--roles .sc-explainer__paper + .sc-explainer__source-mini { stroke: #217f95; }
.sc-explainer .sc-explainer__mini-points { fill: var(--sc-exp-gold); stroke: #164256; stroke-width: 1; }
.sc-explainer .sc-explainer__unknown-mark-small { fill: none; stroke: #a57915; stroke-width: 2; }
.sc-explainer .sc-explainer__magnifier-handle-small { fill: none; stroke: #87b0c2; stroke-width: 9; }
.sc-explainer .sc-explainer__recipient { fill: #2f6178; stroke: #90b6c6; stroke-width: 2; }

@media (max-width: 460px) {
  .sc-explainer { padding: 6px; border-radius: 12px; }
  .sc-explainer--compact > svg { min-height: 120px; }
}
@media (prefers-reduced-motion: reduce) {
  .sc-explainer,
  .sc-explainer * { animation: none !important; transition: none !important; }
}
.sc-image-disclosure{width:min(1120px,100%);margin:26px auto;padding:12px 15px;border:1px solid #31505f;border-radius:7px;background:#071b28;color:#bdd0da;font:13px/1.6 system-ui,sans-serif;box-sizing:border-box}
.sc-image-disclosure summary{cursor:pointer;color:#c4dbe4;font-weight:600}
.sc-image-disclosure p{max-width:100ch;margin:12px 0 0}
.sc-image-disclosure:target,.sc-image-disclosure:focus-within{border-color:#e4ba56}
.sc-image-disclosure summary:focus-visible{outline:2px solid #f3c45a;outline-offset:4px}
body.about-page .sc-image-disclosure{width:min(1120px,calc(100% - 48px))}

/* The approved PorsTech explanation style also belongs on the public routes.
   No photographic wallpaper, giant overlay copy or hidden mobile explanation. */
body[data-pors-style="R74"] main{background:#041521}
body[data-pors-style="R74"] .stage,
.sc-r74-detail .sc-r62-scene{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;
  align-items:center;position:relative;isolation:isolate;min-height:0;height:auto;aspect-ratio:auto;width:100%;
  padding:clamp(28px,4.5vw,68px)!important;overflow:hidden;
  background:radial-gradient(ellipse at 90% 35%,#167da31c,transparent 64%),
    linear-gradient(#39d8f10b 1px,transparent 1px),
    linear-gradient(90deg,#39d8f10b 1px,transparent 1px),#041521!important;
  background-size:auto,42px 42px,42px 42px,auto;
  border:0;border-bottom:1px solid #39d8f12b
}
body[data-pors-style="R74"] .stage::before,
body[data-pors-style="R74"] .stage::after,
.sc-r74-detail .sc-r62-scene::before,
.sc-r74-detail .sc-r62-scene::after,
.sc-r74-detail .sc-r62-energy{display:none}
body[data-pors-style="R74"] .stage-content{
  display:block;grid-column:1;grid-row:1;position:relative;inset:auto;
  width:auto;max-width:none;min-height:0;margin:0;padding:0;z-index:2
}
body[data-pors-style="R74"] .stage .copy{
  width:auto;max-width:58ch;margin:0;padding:0;position:relative;inset:auto;
  text-align:left;text-shadow:none;transform:none
}
body[data-pors-style="R74"] .stage .copy h1{
  max-width:19ch;margin:18px 0 24px;font-size:clamp(34px,4vw,58px);
  line-height:1.08;letter-spacing:-.025em;text-wrap:balance
}
body[data-pors-style="R74"] .stage .lead{font-size:18px;line-height:1.65;max-width:56ch;margin:0 0 24px;color:#c8dbe5}
body[data-pors-style="R74"] .stage .actions{position:relative;display:flex;flex-wrap:wrap;gap:16px;inset:auto;margin:20px 0 0}
body[data-pors-style="R74"] .sc-r74-hero-art{
  grid-column:2;grid-row:1;position:relative;min-width:0;width:100%;z-index:1
}
body[data-pors-style="R74"] .sc-r74-hero-art .sc-explainer{margin:0;box-shadow:0 0 36px #24bfe515;border-color:#3096b3}
body[data-pors-style="R74"] .sc-r74-hero-art svg{width:100%;height:auto;display:block}
/* The separate photographic hero's old storyboard must not duplicate this diagram. */
body[data-pors-style="R74"] .stage .visual-story{display:none}
body[data-pors-style="R74"] .stage>.country-rail{position:relative;grid-column:1/-1;grid-row:3;inset:auto;min-width:0;width:100%;margin:0;transform:none}
.sc-r74-detail .sc-r74-scene-art{position:relative;grid-column:2;grid-row:1;min-width:0;z-index:1}
.sc-r74-detail .sc-r62-story,
.sc-r74-detail .sc-r62-boundary-scene .sc-r36-boundary{
  display:block;position:relative;grid-column:1;grid-row:1;inset:auto;align-self:center;
  width:auto;max-width:none;margin:0;padding:0;text-align:left;text-shadow:none;
  transform:none;background:none;border:0;backdrop-filter:none
}
.sc-r74-detail .sc-r62-scene h2{max-width:24ch;font-size:clamp(28px,3vw,44px);line-height:1.15;margin:14px 0 20px;letter-spacing:-.02em}
.sc-r74-detail .sc-r36-lead,.sc-r74-detail .sc-r36-boundary p{font-size:16px;line-height:1.7;max-width:60ch;color:#c8dbe5}
.sc-r74-detail .sc-r36-cards,
.sc-r74-detail .sc-r62-process ol,
.sc-r74-detail .sc-r40-resources{
  position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr);
  grid-auto-flow:row;grid-auto-columns:auto;gap:12px;max-width:none;margin:24px 0 0;padding:0;border:0
}
.sc-r74-detail .sc-r36-cards article,.sc-r74-detail .sc-r62-process li,
.sc-r74-detail .sc-r40-resource{
  min-height:0;margin:0;padding:16px 18px;border:1px solid #315769;border-radius:12px;
  background:#0c2938c9;box-shadow:none;backdrop-filter:none
}
.sc-r74-detail .sc-r62-process li{grid-template-columns:32px minmax(0,1fr);gap:12px}
.sc-r74-detail .sc-r36-cards article::after,.sc-r74-detail .sc-r62-process li::after{display:none}
.sc-r74-detail .sc-r36-cards h3,.sc-r74-detail .sc-r62-process h3{font-size:18px;line-height:1.3;margin:8px 0}
.sc-r74-detail .sc-r36-cards p,.sc-r74-detail .sc-r62-process p{display:block;font-size:14px;line-height:1.65;margin:0;color:#c8dbe5}
.sc-r74-detail .sc-r36-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.sc-r74-detail [id]{scroll-margin-top:24px}
body[data-pors-style="R74"] .workflow-step,
body[data-pors-style="R74"] .workflow-step:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;background:#082333;border-color:#315769;padding:26px;gap:24px}
body[data-pors-style="R74"] .workflow-step::before,
body[data-pors-style="R74"] .workflow-step::after{display:none}
body[data-pors-style="R74"] .workflow-copy{order:0!important;padding:0;text-shadow:none}
body[data-pors-style="R74"] .workflow-screen-wrap{order:1!important;padding:0;min-width:0;width:100%;align-self:center}
body[data-pors-style="R74"] .workflow-explainer,
body[data-pors-style="R74"] .workflow-story-intro{background:linear-gradient(#39d8f108 1px,transparent 1px),linear-gradient(90deg,#39d8f108 1px,transparent 1px),#041521;background-size:42px 42px}
body.sc-reference-page[data-pors-style="R74"] .sc-info-hero,
body.sc-reference-page[data-pors-style="R74"] .sc-info-section{background:linear-gradient(#39d8f109 1px,transparent 1px),linear-gradient(90deg,#39d8f109 1px,transparent 1px),#041521;background-size:42px 42px}
body.sc-reference-page[data-pors-style="R74"] .sc-info-hero::before,
body.sc-reference-page[data-pors-style="R74"] .sc-info-hero::after,
body.sc-reference-page[data-pors-style="R74"] .sc-info-main::before{display:none}
body.sc-reference-page[data-pors-style="R74"] .sc-info-card .sc-explainer{margin:0 0 22px}
body.sc-reference-page[data-pors-style="R74"] .sc-info-copy h1{font-size:clamp(32px,4vw,58px);line-height:1.1}
@media(max-width:850px){
  body[data-pors-style="R74"] .stage,.sc-r74-detail .sc-r62-scene{grid-template-columns:minmax(0,1fr);gap:26px;padding:32px 22px!important}
  body[data-pors-style="R74"] .stage-content,.sc-r74-detail .sc-r62-story,.sc-r74-detail .sc-r62-boundary-scene .sc-r36-boundary{grid-column:1;grid-row:1;width:auto;margin:0;padding:0}
  body[data-pors-style="R74"] .sc-r74-hero-art,.sc-r74-detail .sc-r74-scene-art{grid-column:1;grid-row:2}
  body[data-pors-style="R74"] .stage .copy h1{font-size:clamp(32px,7vw,40px);max-width:22ch}
  body[data-pors-style="R74"] .stage .lead{font-size:16px}
  .sc-r74-detail .sc-r62-scene h2{font-size:30px}
  body[data-pors-style="R74"] .workflow-step,body[data-pors-style="R74"] .workflow-step:nth-child(even){grid-template-columns:minmax(0,1fr);padding:22px}
}