/* TTL Brand and Interface Standards 1.1: portal identity, pages 3, 5, 7-9. */
:root{--ink:#15282f;--ink-soft:#2d4148;--teal:#238291;--teal-dark:#155d69;--muted:#59676d;--line:#dce3e5;--bg:#f4f6f6;--pale:#e8f3f4}
body{font-family:Montserrat,Arial,sans-serif;font-size:12px;color:var(--ink-soft);line-height:1.65}
h1,h2,h3,strong{color:var(--ink)}
h1,h2,h3,.eyebrow,.page-turn small{letter-spacing:0}
.eyebrow{text-transform:none;color:var(--teal-dark);font-size:12px;font-weight:700}
header{background:var(--ink)}
.header-inner{max-width:1440px;margin:auto;height:76px;padding:0 32px}
.site-name strong{color:white}.site-name .eyebrow{color:#b6dfe5;letter-spacing:0}
.brand{flex:0 0 112px;height:48px;padding-right:24px}.brand img{width:88px;max-height:44px}
.platform{min-height:44px;display:flex;align-items:center;color:white}
.nav-bar{max-width:1440px;margin:auto;padding:0 32px;gap:24px;background:white}
.nav-bar nav a{font-size:12px;height:46px;line-height:43px;color:var(--ink-soft)}
.nav-bar nav a.active{color:var(--teal-dark);border-color:var(--teal)}
.search{align-items:center;max-width:370px}.search input{height:32px;border-color:#82959d;background:white}.search button{min-width:64px;min-height:44px}
.search button,.button{background:var(--teal-dark);border-color:var(--teal-dark);padding:11px 16px;border-radius:4px;font-size:12px;min-height:44px}
.search button:hover,.button:hover{background:var(--ink);border-color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}header a:focus-visible{outline-color:white}
.home{max-width:1344px;padding:40px 32px 56px}
.intro{border-left:4px solid var(--teal);padding:8px 0 8px 24px;margin-bottom:28px}
.intro h1,.search-page h1,.article-heading h1{font-size:27px;line-height:1.2;letter-spacing:0;margin:8px 0 16px}
.intro p{font-size:15px;max-width:720px;margin:0;color:var(--ink-soft)}
.guide-card{border-radius:4px;padding:28px;border-top:3px solid var(--teal)}
.guide-card h2{font-size:21px;margin:20px 0 12px}.guide-card p{color:var(--ink-soft);font-size:14px}
.icon{border-radius:4px;background:var(--pale);color:var(--teal-dark)}
.badge{background:var(--pale);color:var(--teal-dark);font-size:12px}
.card-bottom>span{color:var(--muted)}
.section-heading{margin:36px 0 20px}.section-heading h2{font-size:23px}
.topic-list{border-radius:4px}.topic-list h3{font-size:15px;color:var(--ink)}
.topic-list a{font-size:13px;min-height:44px;padding:12px 8px}.topic-list a:hover{background:var(--pale);color:var(--teal-dark)}
.downloads{border-radius:4px;background:var(--pale);padding:24px}.downloads h2{font-size:19px}.downloads p{color:var(--ink-soft)}
.downloads>div:last-child{flex-wrap:wrap}.downloads a{min-height:44px;display:inline-flex;align-items:center;gap:6px;font-size:12px}
.overview-contact{background:white;border-left:4px solid var(--teal)}
footer{font-size:12px;gap:24px;padding:24px 0;color:var(--muted)}
.reading-layout{grid-template-columns:280px minmax(0,1fr)}
aside{background:white;padding:28px 20px}aside details{max-height:calc(100vh - 48px);overflow:auto;padding:4px}
summary{color:var(--teal-dark);min-height:44px;display:list-item;padding:12px 0;font-size:12px}
aside h2{font-size:19px}aside nav a{min-height:44px;color:var(--ink-soft);font-size:12px}aside nav a.selected{background:var(--pale);box-shadow:inset 3px 0 var(--teal)}
.topic-number{color:var(--muted)}.download-link{min-height:44px;color:var(--teal-dark)}
.reader{max-width:1100px;padding:28px 40px 48px}.breadcrumbs{margin-bottom:24px;flex-wrap:wrap}.breadcrumbs a{min-height:44px;display:inline-flex;align-items:center}.breadcrumbs{align-items:center}
article{font-size:15px;line-height:1.75;padding:28px;color:var(--ink-soft);border-radius:4px}
article .note{background:var(--pale);border:1px solid var(--line);border-left:4px solid var(--teal)}
.print-button{min-height:44px;padding:11px 16px;color:var(--ink);border-radius:4px}
td,th{padding:9px 8px;border-color:var(--line)}tr:nth-child(odd){background:var(--pale)}
.page-turn{border-top:1px solid var(--line);padding-top:16px}.page-turn a{font-size:14px;font-weight:700;display:inline-block;padding:8px 12px;min-height:44px;border-radius:4px}.page-turn a:hover{background:var(--pale)}.page-turn small{font-size:12px;color:var(--muted)}
small{color:var(--muted)}.result p{color:var(--ink-soft)}.result h2{font-size:20px}.contact-details a{display:inline-block;min-height:44px}.contact-details dd{font-size:17px}.support-list{font-size:14px}
@media(max-width:900px){.nav-bar{gap:12px;padding:0 20px}.nav-bar nav{gap:0}.reading-layout{grid-template-columns:230px minmax(0,1fr)}.reader{padding:24px}.card-bottom{flex-wrap:wrap}.downloads{align-items:flex-start}}
@media(max-width:760px){.header-inner{height:64px;padding:0 14px;gap:12px}.brand{flex-basis:80px;padding-right:12px;height:40px}.brand img{width:64px}.site-name strong{font-size:14px}.site-name .eyebrow{font-size:10px}.platform{font-size:10px;max-width:86px}.nav-bar{display:block;padding:0 14px}.nav-bar nav{overflow-x:auto;justify-content:flex-start;white-space:nowrap}.nav-bar nav a{flex-shrink:0;padding:0 12px;font-size:12px}.search{max-width:none;width:100%;padding:8px 0;gap:8px}.search input{height:44px;font-size:16px}.search button{height:44px}.home{padding:22px 14px 40px}.intro{padding-left:16px}.intro h1,.search-page h1,.article-heading h1{font-size:23px}.intro p{font-size:14px}.desktop{display:none}.guide-cards,.topic-columns,.support-grid{grid-template-columns:1fr;gap:16px}.guide-card{padding:22px}.section-heading>span{display:none}.downloads{flex-direction:column;padding:20px}.downloads>div:last-child{flex-direction:column;gap:8px}.reading-layout{display:block}aside{padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}aside details{position:static;max-height:none}aside h2{font-size:17px}.reader{padding:22px 14px 40px}.article-heading{display:block}article{padding:20px 16px}.print-button{margin-bottom:16px}.page-turn{gap:8px}.page-turn a{padding:8px 0}.page-turn small{font-size:10px}footer{margin:0 14px;flex-direction:column;gap:8px;overflow-wrap:anywhere}.contact-details dd{font-size:16px}}
@media print{.home,.reader{padding:0}article{padding:0;border:0}.intro{border:0}body{color:black}.page-turn{display:none}}
