/* Shared foundations for the current ExecExcel pages. */
:root{--ee-paper:#f4f3ef;--ee-ink:#20211e;--ee-sheet:#fbfaf5;--ee-deep:#80601f;--ee-accent:#d2aa52;--ee-rule:#d4cec1;--paper:var(--ee-paper);--ink:var(--ee-ink);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:'Courier New',monospace}
::selection{background:#e4d4b0;color:var(--ee-ink)}
.identity-page{--deep:var(--ee-deep);--gold:var(--ee-accent);--rule:var(--ee-rule);line-height:1.65}
.identity-page .wrap{width:min(1280px,calc(100% - 128px))}
.identity-page .masthead{min-height:96px;padding:25px 0;border-color:var(--rule)}
.identity-page .home-mark{display:block;flex:none}
.identity-page .masthead img{width:188px}
.identity-page .status{font-size:11px;text-transform:none;letter-spacing:0}
.identity-page .text-link{display:inline-flex;gap:16px;align-items:center;min-height:44px;font-size:13px}
.identity-page .contents{border-color:var(--rule);gap:4px 24px;padding:8px 0}
.identity-page .contents a{min-height:44px;padding:12px 0;margin:0;font-size:12px;position:relative}
.identity-page .contents a:after{content:'';position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--deep);transition:right .2s ease}
.identity-page .contents a:hover:after,.identity-page .contents a[aria-current]:after{right:0}
.identity-page .hero{padding:80px 0 64px;gap:56px}
.identity-page .hero-aside{padding:28px;border:1px solid var(--rule);background:var(--ee-sheet) url('paper-grain.svg');box-shadow:2px 3px 0 #e9e3d5,0 12px 28px #40341a0c}
.identity-page .hero-aside p{font-size:16px}
.identity-page .hero-aside .scope-note{font-size:14px}
.identity-page .hero-aside .motto{font-size:26px}
.identity-page .logo-pair{background:var(--ee-sheet) url('paper-grain.svg');box-shadow:0 10px 24px #40341a0a}
.identity-page .logo-panel{min-width:0}
.identity-page .folio{font-size:12px;letter-spacing:.06em}
.identity-page .logo-caption{font-size:11px;line-height:1.6}
.identity-page .asset-note,.identity-page .type-notes,.identity-page .component-note,.identity-page .color-use,.identity-page .voice-card p:last-child{font-size:14px;line-height:1.65}
.identity-page .swatch{box-shadow:2px 3px 0 #40341a0c}
.identity-page .editorial{background:var(--ee-sheet) url('paper-grain.svg');border:1px solid var(--rule);border-left:3px solid var(--gold);box-shadow:3px 4px 0 #e9e3d5,0 16px 35px #40341a0c}
.identity-page .margin-note p,.identity-page .voice-boundary{font-size:15px}
.identity-page .button{background:var(--ee-ink);border-color:var(--ee-ink);font-size:14px;min-height:48px;transition:background .2s,color .2s,box-shadow .2s}
.identity-page .button:hover{box-shadow:0 4px 12px #40341a18;background:#383930}
.identity-page .button.secondary{background:transparent;color:var(--deep);border-color:var(--rule)}
.identity-page .button.secondary:hover{background:#ede5d1}
.identity-page .closing .button{background:var(--gold);border-color:var(--gold);color:var(--black)}
.identity-page .closing .button:hover{background:var(--paper)}
.identity-page .family-grid{display:grid;gap:0;border-top:1px solid var(--rule)}
.identity-page .family-row{display:grid;grid-template-columns:.55fr 1fr 1fr;gap:28px;padding:24px 0;border-bottom:1px solid var(--rule)}
.identity-page .family-row h3{font:14px/1.6 var(--mono);color:var(--deep)}
.identity-page .family-row dl{margin:0;min-width:0}
.identity-page .family-row dt{font:11px/1.5 var(--mono);color:#65655d;margin-bottom:8px}
.identity-page .family-row dd{margin:0;font-size:16px;line-height:1.6}
.identity-page .family-note{font-size:14px;color:#65655d;margin-top:20px}
.identity-page .reading-progress{position:fixed;left:0;top:0;width:3px;height:100%;background:#ded8c9;z-index:80;pointer-events:none}
.identity-page .reading-progress span{display:block;height:100%;background:var(--gold);transform-origin:top;transform:scaleY(var(--reading-progress,0))}
.identity-page .back-top{display:inline-flex;align-items:center;min-height:44px;gap:12px}
.identity-page footer{font-size:13px;align-items:center}
.identity-page .skip{position:fixed;z-index:100}
@media(max-width:900px){.identity-page .wrap{width:calc(100% - 56px)}.identity-page .hero{grid-template-columns:1.2fr 1fr;gap:28px}.identity-page .hero-aside{padding:22px}.identity-page .family-row{gap:20px}}
@media(max-width:620px){
 .identity-page .wrap{width:calc(100% - 36px)}
 .identity-page .masthead{padding:18px 0;min-height:82px;gap:16px;flex-wrap:wrap;align-items:center}
 .identity-page .masthead img{width:158px;margin:0}.identity-page .mast-right{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;text-align:left}
 .identity-page .mast-right .status{font-size:11px;max-width:none;margin:0}.identity-page .mast-right .text-link{font-size:13px}
 .identity-page .hero{display:block;padding:44px 0}.identity-page .hero h1{font-size:clamp(3rem,12vw,4.7rem)}
 .identity-page .hero-aside{margin-top:28px;padding:24px}.identity-page .hero-aside p{font-size:16px}
 .identity-page .contents{gap:4px 16px}.identity-page .contents a{font-size:12px;padding:12px 0;overflow-wrap:anywhere}
 .identity-page .section-head h2{font-size:clamp(2.2rem,9vw,2.7rem)}.identity-page .display-type{font-size:clamp(3rem,12vw,3.9rem)}
 .identity-page .editorial{padding:26px 20px}.identity-page .editorial h3{font-size:2.2rem}.identity-page .button-row{align-items:stretch}.identity-page .button{white-space:normal}
 .identity-page .family-row{grid-template-columns:1fr;gap:16px;padding:24px 0}.identity-page .family-row h3{font-size:15px}.identity-page .family-row dl{padding-left:16px;border-left:1px solid var(--rule)}
 .identity-page .closing h2{font-size:clamp(2.3rem,10vw,2.8rem)}.identity-page footer{display:block}.identity-page footer p+p{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.identity-page .contents a:after,.identity-page .button{transition:none}}
@media print{.identity-page .reading-progress,.identity-page .back-top{display:none}.identity-page .wrap{width:100%}.identity-page .hero-aside,.identity-page .logo-pair,.identity-page .editorial{box-shadow:none}.identity-page .family-row{break-inside:avoid}}

/* Keep the editorial example composed on narrow phones. */
@media(max-width:380px){.identity-page .editorial h3{font-size:1.85rem;line-height:1.12}.identity-page .editorial h3 br{display:none}.identity-page .button-row{display:grid;grid-template-columns:1fr}.identity-page .button-row .button{justify-content:space-between}}
