/* Project pages only. Home, standalone space records and shared dialogs keep their own skin. */
@media(max-width:1150px){
 .record-outant #main>.record-layout>.record-content #outant-graymap .project-delivery-copy>p{font-size:13px}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-meta:has(>.interaction-scope){margin:0}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-meta>.interaction-scope{display:block;margin:0 0 20px}
}
@media(min-width:1151px){
 .record-outant #main>.record-layout>.record-content #outant-blueprint{margin-top:24px;font-size:16px;line-height:1.8}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-group{margin:30px 0;padding:24px;border:1px solid var(--project-line);border-top:4px solid var(--project-accent);border-radius:4px;background:var(--project-tint)}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-group-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 22px}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-group-heading>h3{margin:0;font-size:26px;font-weight:700;line-height:1.5;color:var(--project-accent)}
 .record-outant #main>.record-layout>.record-content #outant-blueprint [data-project-bp-return]{flex:none;margin:0;font-size:14px;line-height:1.5;white-space:nowrap}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-group .visual-record{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px 28px;align-items:start;margin:20px 0 0;padding:22px;border:1px solid var(--project-line);border-radius:3px;background:#fff}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-group>.project-bp-group-heading+.visual-record{margin-top:0}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-group[data-project-bp-group="environment"]>.interaction-records{margin:0;padding:0}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-group[data-project-bp-group="environment"]>.interaction-records>[data-interaction="conditions"]>dt{display:none}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-group[data-project-bp-group="environment"]>.interaction-records>[data-interaction="conditions"]>dd>.bp-example{margin-top:0}
 .record-outant #main>.record-layout>.record-content #outant-blueprint :is(.outant-environment-grid,.outant-component-grid){grid-template-columns:minmax(0,1fr);gap:20px;margin:20px 0 0}
 .record-outant #main>.record-layout>.record-content #outant-blueprint :is(.outant-environment-grid,.outant-component-grid)>.visual-record{margin:0}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-copy{min-width:0;padding-top:0}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-copy>.record-heading-h5{display:inline;margin:0;padding:0 .12em;font-size:22px;font-weight:700;line-height:1.55;color:#922d39;background:linear-gradient(transparent 58%,#f3c9cd 58%,#f3c9cd 96%,transparent 96%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-meta{display:block;position:static;margin:8px 0 16px;font-size:14px;line-height:1.65;color:var(--project-accent)}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .project-bp-meta>.interaction-scope{display:block;margin:0;font-size:inherit;line-height:inherit;color:inherit}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .case-gallery{margin:0;align-self:start}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .case-gallery img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .case-gallery figcaption{padding:12px 4px;font-size:14px;line-height:1.7;color:#4d4f70}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .case-gallery figcaption .design-caption-flow{font-size:14px;line-height:1.7}
 .record-outant #main>.record-layout>.record-content #outant-blueprint :is(.practice-facts,.visual-points)>div{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:14px 0;align-items:start}
 .record-outant #main>.record-layout>.record-content #outant-blueprint :is(.practice-facts,.visual-points,.decision-grid) dt{font-size:14px;font-weight:650;line-height:1.65}
 .record-outant #main>.record-layout>.record-content #outant-blueprint :is(.practice-facts,.visual-points,.decision-grid) dd{font-size:16px;line-height:1.8}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .visual-points .interaction-scope{display:block;margin:8px 0 0;font-size:14px;line-height:1.65}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-flow{margin:16px 0 20px}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-flow>li{min-width:0;max-width:100%;padding:10px 12px;font-size:14px;line-height:1.6;background:var(--project-tint);overflow-wrap:anywhere}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-index{margin:30px 0;padding:24px;border:1px solid var(--project-line);border-radius:4px;background:var(--project-tint)}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-index>summary{font-size:18px;font-weight:700;line-height:1.5}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-index nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px;align-items:start}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-index-group{min-width:0}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-index-group>p{font-size:14px;font-weight:650;line-height:1.6;color:var(--project-accent)}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-index-group ul{display:flex;flex-wrap:wrap;gap:8px;min-width:0;margin:0}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-index-group li{min-width:0;max-width:100%}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .bp-index-group a{display:block;max-width:100%;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
 .record-outant #main>.record-layout>.record-content #outant-blueprint :is(.mission-flow,.bp-display-info,.bp-display-label){font-size:14px;line-height:1.65}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .mission-flow-title{font-size:16px;font-weight:650;line-height:1.5}
 .record-outant #main>.record-layout>.record-content #outant-blueprint .mission-flow dt{font-size:14px;line-height:1.65}
}
@media(min-width:1151px){
 .record-outant #main>.record-layout>.record-content #outant-graymap{padding-bottom:24px;font-size:16px;line-height:1.8}
 .record-outant #main>.record-layout>.record-content #outant-graymap .visual-record{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:28px;align-items:start}
 .record-outant #main>.record-layout>.record-content #outant-graymap :is(.visual-points,.practice-facts)>div{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:14px 0;align-items:start}
 .record-outant #main>.record-layout>.record-content #outant-graymap :is(.visual-points,.practice-facts,.delivery-facts) dt{font-size:14px;font-weight:650;line-height:1.65}
 .record-outant #main>.record-layout>.record-content #outant-graymap :is(.visual-points,.practice-facts,.delivery-facts) dd{font-size:16px;line-height:1.8}
 .record-outant #main>.record-layout>.record-content #outant-graymap .case-gallery img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
 .record-outant #main>.record-layout>.record-content #outant-graymap .case-gallery figcaption{padding:12px 4px;font-size:14px;line-height:1.7;color:#4d4f70}
 .record-outant #main>.record-layout>.record-content #outant-graymap .delivery-comparison{grid-template-columns:minmax(0,1fr);gap:30px;margin:34px 0}
 .record-outant #main>.record-layout>.record-content #outant-graymap .delivery-record{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:24px 28px;align-items:start;padding:26px;border:1px solid var(--project-line);border-top:3px solid var(--project-accent);border-radius:4px;background:#fff}
 .record-outant #main>.record-layout>.record-content #outant-graymap .delivery-record>.delivery-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:start;gap:24px}
 .record-outant #main>.record-layout>.record-content #outant-graymap .delivery-heading .case-kicker{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--project-accent)}
 .record-outant #main>.record-layout>.record-content #outant-graymap .delivery-heading .record-heading-h4{display:inline;margin:0!important;padding:0 .12em;font-size:26px;font-weight:700;line-height:1.5;color:#922d39;background:linear-gradient(transparent 58%,#f3c9cd 58%,#f3c9cd 96%,transparent 96%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
 .record-outant #main>.record-layout>.record-content #outant-graymap :is(#outant-tf-record,#outant-chapter-record){scroll-margin-top:56px}
 .record-outant #main>.record-layout>.record-content #outant-graymap .delivery-duration{padding:9px 12px;border-radius:3px;background:var(--project-tint);font-size:16px;font-weight:650;line-height:1.5;color:var(--project-accent);white-space:nowrap}
 .record-outant #main>.record-layout>.record-content #outant-graymap .delivery-record>.stage-visual{grid-column:1;min-width:0;margin:0;align-self:start}
 .record-outant #main>.record-layout>.record-content #outant-graymap .project-delivery-copy{grid-column:2;min-width:0}
 .record-outant #main>.record-layout>.record-content #outant-graymap .delivery-facts{margin:0;border-top:1px solid var(--project-line)}
 .record-outant #main>.record-layout>.record-content #outant-graymap .delivery-facts>div{grid-template-columns:82px minmax(0,1fr);gap:14px;padding:14px 0;align-items:start;border-color:var(--project-line)}
 .record-outant #main>.record-layout>.record-content #outant-graymap .project-delivery-copy>p{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--project-accent);background:var(--project-tint);font-size:16px;line-height:1.75}
 .record-outant #main>.record-layout>.record-content #outant-graymap .project-delivery-copy>p>strong{color:var(--project-accent)}
 .record-outant #main>.record-layout>.record-content #outant-graymap .chapter-composition{gap:10px;margin:18px 0 0;padding:14px 0;font-size:14px;line-height:1.65}
 .record-outant #main>.record-layout>.record-content #outant-graymap .chapter-proof-heading{font-size:24px;font-weight:700;line-height:1.5;color:var(--project-accent)}
 .record-outant #main>.record-layout>.record-content #outant-graymap .chapter-proof{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;margin-bottom:16px}
 .record-outant #main>.record-layout>.record-content #outant-graymap .chapter-proof>.proof-gallery{margin:0;align-self:start}
 .record-outant #main>.record-layout>.record-content #outant-graymap .chapter-proof .proof-gallery img{width:auto;max-width:100%;height:auto;max-height:350px;object-fit:contain;object-position:top center;margin-inline:auto}
}
@media(min-width:1151px){
 .record-chrono{--project-accent:#805a35;--project-tint:#f1e9dc;--project-line:#d5c5ae}
 .record-outant{--project-accent:#4d5299;--project-tint:#ebeafa;--project-line:#c4c7e3}
 :is(.record-chrono,.record-outant) #main>.record-masthead{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);min-height:0;background:#fff;border-bottom:0}
 :is(.record-chrono,.record-outant) #main>.record-masthead .record-heading{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:38px clamp(36px,5vw,96px) 44px;align-self:stretch;background:linear-gradient(90deg,transparent 55%,#fff 96%),radial-gradient(ellipse at 20% 42%,var(--project-tint),transparent 70%),#fff}
 .record-outant #main>.record-masthead .record-heading{background-image:linear-gradient(90deg,transparent 55%,#fff 96%),radial-gradient(ellipse at 20% 42%,#d7d4fa70,transparent 70%),linear-gradient(90deg,#ffffffd9,#fff 90%),linear-gradient(#6c72a51c 1px,transparent 1px),linear-gradient(90deg,#6c72a51c 1px,transparent 1px);background-color:var(--project-tint);background-size:auto,auto,auto,28px 28px,28px 28px}
 :is(.record-chrono,.record-outant) #main>.record-masthead .record-heading>.eyebrow{color:var(--project-accent);font-size:13px;font-weight:700}
 :is(.record-chrono,.record-outant) #main>.record-masthead .record-heading>h1{font-size:clamp(42px,3.4vw,66px);line-height:1.12;font-weight:650;overflow-wrap:normal}
 :is(.record-chrono,.record-outant) #main>.record-masthead .record-heading>p:last-child{font-size:20px;line-height:1.7}
 :is(.record-chrono,.record-outant) #main>.record-masthead .record-cover{position:relative;display:flex;align-items:center;background:#fff}
 :is(.record-chrono,.record-outant) #main>.record-masthead .record-cover::before{content:'';position:absolute;inset:0 auto 0 0;width:clamp(168px,15vw,288px);z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fffffff5 12%,#ffffffc7 34%,#ffffff70 58%,#ffffff24 80%,transparent 100%)}
 :is(.record-chrono,.record-outant) #main>.record-masthead .record-cover>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none}
 :is(.record-chrono,.record-outant) #main>.project-context{width:calc(100% - 10vw);max-width:1408px;margin:36px auto 28px;padding:0;background:transparent;border:0}
 :is(.record-chrono,.record-outant) #main>.project-context dt{color:var(--project-accent)}
 :is(.record-chrono,.record-outant) #main>.project-guide{background:linear-gradient(180deg,#fff,var(--project-tint));border-color:var(--project-line)}
 :is(.record-chrono,.record-outant) #main>.project-guide{width:100%;max-width:1600px;margin-inline:auto;padding-inline:5%}
 :is(.record-chrono,.record-outant) #main>.record-layout{--project-body-left:max(200px,calc((100vw - 1600px) / 2 + 5vw));--project-rail-width:min(204px,calc(var(--project-body-left) - 48px));width:100%;max-width:none;margin-inline:0;grid-template-columns:var(--project-rail-width) minmax(0,1fr);gap:28px;padding-left:calc(var(--project-body-left) - var(--project-rail-width) - 28px);padding-right:max(5vw,calc((100vw - 1600px) / 2 + 5vw))}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-toc{min-width:0;overflow-wrap:break-word}
 :is(.record-chrono,.record-outant) #main>.project-guide .guide-heading .eyebrow{color:var(--project-accent)}
 :is(.record-chrono,.record-outant) #main>.project-guide .guide-tabs>a{background:#fff;border-color:var(--project-line)}
 :is(.record-chrono,.record-outant) #main>.project-guide .guide-tabs>a[aria-selected="true"]{background:var(--project-accent);border-color:var(--project-accent);color:#fff}
 :is(.record-chrono,.record-outant) #main>.project-guide .guide-tabs>a[aria-selected="true"] :is(.guide-tab-cue,.guide-tab-number,.guide-tab-action){color:#fff}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-content>.case-section{border-color:var(--project-line)}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-content{padding:28px;border:1px solid var(--project-line);border-radius:4px;background:#fff}
 .record-chrono #main>.record-layout{background:radial-gradient(ellipse at 0 18%,#dfc8a82e,transparent 55%),linear-gradient(180deg,#fbf8f1,#fff)}
 .record-outant #main>.record-layout{background-image:linear-gradient(#777bb610 1px,transparent 1px),linear-gradient(90deg,#777bb610 1px,transparent 1px);background-size:32px 32px;background-color:#f5f5fb}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-content .case-chapter-title{padding-left:18px;border-left:5px solid var(--project-accent);color:var(--project-accent)}
 .record-chrono #main>.project-guide{padding:62px 5% 66px}
 .record-chrono #main>.project-guide .guide-heading h2{font-size:38px}
 .record-chrono #main>.project-guide .guide-heading>p{max-width:430px;font-size:15px}
 .record-chrono #main>.project-guide .guide-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;min-height:0;padding:32px}
 .record-chrono #main>.project-guide .guide-visual{align-self:center}
 .record-chrono #main>.project-guide .guide-visual figure img{height:auto;aspect-ratio:auto;object-fit:contain}
 .record-chrono #main>.project-guide .guide-visual figcaption{font-size:14px}
 .record-chrono #main>.project-guide .guide-copy{align-self:center;max-width:none;min-width:0}
 .record-chrono #main>.project-guide .guide-copy>.eyebrow{font-size:12px;color:var(--project-accent)}
 .record-chrono #main>.project-guide .guide-copy h3{font-size:30px;margin-bottom:14px}
 :is(.record-chrono,.record-outant) #main>.project-guide .project-summary-facts>div{padding:16px 0;border-top:1px solid var(--project-line)}
 :is(.record-chrono,.record-outant) #main>.project-guide .project-summary-facts dt{margin:0 0 7px;font-size:14px;font-weight:700;line-height:1.5;color:var(--project-accent)}
 :is(.record-chrono,.record-outant) #main>.project-guide .project-summary-facts dd{font-size:17px;line-height:1.8}
 :is(.record-chrono,.record-outant) #main>.project-guide .project-summary-facts>div:last-child{padding:16px 18px;background:var(--project-tint);border-left:3px solid var(--project-accent)}
 .record-chrono #main>.record-layout>.record-content .project-soroma-reasoning{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;margin:28px 0 36px}
 .record-chrono #main>.record-layout>.record-content .project-soroma-reasoning>article{padding:22px 24px;border:1px solid var(--project-line);border-top:3px solid var(--project-accent);background:var(--project-tint)}
 .record-chrono #main>.record-layout>.record-content .project-soroma-reasoning p{margin:0;font-size:16px;line-height:1.85}
 .record-chrono #main>.record-layout>.record-content .project-soroma-reasoning .project-reasoning-label{margin:0 0 12px;color:var(--project-accent);font-size:21px;line-height:1.5}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-content>.case-intro{max-width:none;padding:24px 28px;border-left:4px solid var(--project-accent);border-radius:0 6px 6px 0;background:var(--project-tint);font-size:clamp(23px,1.65vw,27px);line-height:1.75}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-content>.case-stats{gap:18px;padding:0;margin:30px 0 48px;border:0}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-content .case-stat{min-width:0;padding:26px 24px;border:1px solid var(--project-line);border-radius:8px;background:linear-gradient(135deg,#fff 40%,var(--project-tint))}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-content .case-stat>strong{font-size:clamp(56px,4vw,72px);font-weight:650;line-height:1.12;color:var(--project-accent)}
 .record-chrono #main>.record-layout>.record-content .case-stat .case-stat-unit{font-size:clamp(24px,2vw,31px);font-weight:650;line-height:1.5}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-content .case-stat>span{margin-top:16px;color:#665a4d;font-size:clamp(18px,1.25vw,20px);font-weight:600;line-height:1.55}
 .record-outant #main>.record-layout>.record-content>.case-stats>.case-stat{display:flex;flex-direction:column;justify-content:space-between}
 .record-outant #main>.record-layout>.record-content>.case-stats>.case-stat:first-child>strong{font-size:clamp(48px,3.4vw,64px);white-space:nowrap}
 .record-outant #main>.record-layout>.record-content>.case-stats>.case-stat>span{color:#4d4f70}
 .record-chrono #main>.record-layout>.record-content .poi-scale-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
 .record-chrono #main>.record-layout>.record-content .poi-scale{min-width:0}
 .record-chrono #main>.record-layout>.record-content .poi-plot{position:relative;width:calc(100% * var(--poi-ratio));height:auto;aspect-ratio:1;align-items:end;border:1px solid var(--project-line);background-color:#f8f4ed;background-image:linear-gradient(to right,var(--project-line) 1px,transparent 1px),linear-gradient(to bottom,var(--project-line) 1px,transparent 1px);background-size:calc(20% / var(--poi-ratio)) calc(20% / var(--poi-ratio));background-origin:border-box;background-position:0 0}
 .record-chrono #main>.record-layout>.record-content .poi-footprint{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#ad774945;border:0}
 .record-chrono #main>.record-layout>.record-content #chrono-dungeon .dungeon-focus dt{font-size:23px;font-weight:700;line-height:1.4;margin-bottom:12px}
 .record-chrono #main>.record-layout>.record-content #chrono-maze .maze-rework-gallery{margin-bottom:0;align-items:start}
 .record-chrono #main>.record-layout>.record-content #chrono-maze{padding-bottom:24px}
 .record-chrono #main>.record-layout>.record-content #chrono-trial{margin-top:24px;padding-top:36px}
 .record-chrono #main>.record-layout>.record-content .trial-flow-presentation{margin:30px 0 24px}
 .record-chrono #main>.record-layout>.record-content .trial-flow-visual{margin:0}
 .record-chrono #main>.record-layout>.record-content .trial-flow-visual img{width:100%;height:auto;max-height:none;object-fit:contain;background:#f8f4ed}
 .record-chrono #main>.record-layout>.record-content .trial-flow-visual figcaption{padding:8px 0;font-size:12px;color:var(--muted)}
 .record-chrono #main>.record-layout>.record-content .trial-flow-presentation .trial-flow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:8px 0 0}
 .record-chrono #main>.record-layout>.record-content .trial-flow-presentation .trial-flow>li{min-width:0;padding:12px 6px;text-align:center;background:var(--project-tint);font-size:clamp(13px,1vw,16px);line-height:1.5}
 .record-chrono #main>.record-layout>.record-content .trial-flow-presentation .trial-flow>li::before{display:block;margin-bottom:5px;color:var(--project-accent);font-size:11px;content:counter(steps,decimal-leading-zero)}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-toc nav>a{padding-left:12px;border-radius:3px}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-toc nav>a[data-toc-parent]{padding-left:24px}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-toc nav>a.chapter-active{color:var(--project-accent);font-weight:700}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-toc nav>a:is(.active,[aria-current="location"]){color:var(--project-accent);background:var(--project-tint);box-shadow:inset 3px 0 var(--project-accent);font-weight:700}
 :is(.record-chrono,.record-outant) #main>.record-layout>.record-toc nav>a:focus-visible{outline:2px solid var(--project-accent);outline-offset:2px}
}