/* WEBDESIGN MICROSITE 08 — Approved October corrections.
 * Do not replace original Anna font tokens, images, or tested publishing/care JS.
 * Source: Webdesign 07; no external dependencies. */

/* 00 / Header — slightly larger original Charter ANNA; no review/motion UI. */
.client-wordmark .anna-name {font-size:clamp(4.7rem,17.2vw,10rem);}
@media(max-width:767px){.client-wordmark .anna-name{font-size:clamp(7.5rem,39vw,11rem)}}
@media(max-width:450px){.client-wordmark .anna-name{font-size:37vw}}
@media(max-width:359px){.client-wordmark .anna-name{font-size:35vw}}

/* 01 / Light × Lens × Together — one editorial composition, no underlining. */
#together .role-lists {border-top:0;}
#together .role-panel li {border:0!important;border-top:0!important;padding:9px 0!important;text-decoration:none!important;transition:color .23s ease;}
#together .role-panel li::before,#together .role-panel li::after {content:none!important;display:none!important;}
#together .light-panel li:is(:hover,:focus-visible) {color:var(--lj-yellow-2)!important;}
#together .lens-panel li:is(:hover,:focus-visible) {color:var(--anna-teal)!important;}
#together .role-panel li:focus-visible {outline:2px solid var(--role-accent);outline-offset:4px;}
#together .together-strip {border-top:0;margin-top:0;padding:31px 34px 25px;align-items:start;background:var(--paper-2);}
#together .together-strip h3 {font-size:clamp(36px,3.8vw,50px);display:inline;width:max-content;position:relative;isolation:isolate;}
#together .together-strip h3::after {content:"";position:absolute;z-index:-1;left:-3px;right:-8px;bottom:3px;height:.32em;background:var(--lj-yellow-2);}
#together .together-strip li {padding:2px 0;border:0;text-decoration:none;}
#together .together-strip:hover {border-color:transparent;}
@media(max-width:850px) {#together .together-strip{margin-top:0;padding:28px 28px 25px;}}
@media(max-width:640px) {#together .role-panel li{padding:8px 0!important;}#together .together-strip{padding:24px 20px 25px;}#together .together-strip h3{font-size:36px;}}

/* 02 / Existing care branches stay integrated into the page. Do not simulate missing original paths. */
#start-here .care-intro>p:not(.eyebrow){max-width:43em;}

/* 03 / A legible process: stage ownership, handoff outcomes, optional technical details. */
#decisions .section-head>p {max-width:43ch;}
#decisions .decision-path .stage-lead {font:700 11px/1.55 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--anna-teal);margin:2px 0 12px;}
#decisions .decision-path h3 {font-size:clamp(28px,2.7vw,41px);line-height:1.12;letter-spacing:-.025em;}
#decisions .decision-path small {display:block;margin-top:15px;line-height:1.55;color:var(--soft);}
#decisions .process-context {max-width:56em;font:400 clamp(18px,1.7vw,22px)/1.52 var(--serif);margin:27px 0 20px;}
#decisions .process-details {margin-top:12px;}
#decisions .ownership-note {font-size:16px;max-width:52em;padding:8px 0 18px;}

/* 04 / Optional publishing study. A visible, plain explanation precedes the disclosure. */
#outputs .publishing-lede {font-size:17px;max-width:42ch;}
#outputs .publishing-lede a {text-decoration-thickness:1px;}
#outputs .publishing-disclosure {border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);margin:25px 0 12px;}
#outputs .publishing-disclosure>summary {cursor:pointer;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 25px;padding:21px 1px;font:700 clamp(21px,2.4vw,29px)/1.35 var(--serif);list-style:none;}
#outputs .publishing-disclosure>summary::-webkit-details-marker {display:none;}
#outputs .publishing-disclosure>summary .summary-note {font:500 12px/1.5 var(--sans);color:var(--soft);}
#outputs .publishing-disclosure>summary:focus-visible {outline:2px solid var(--ink);outline-offset:4px;}
#outputs .publishing-disclosure>summary:hover>span:first-child {color:var(--anna-teal);}
#outputs .publishing-disclosure[open]>summary>span:first-child {color:var(--anna-teal);}
#outputs .publishing-demo {margin-top:8px;}
#outputs .demo-introduction {grid-column:1/-1;margin:0 0 12px;max-width:62ch;font:17px/1.5 var(--serif);}
#outputs .publishing-foot {padding-top:18px;}

/* 05 / Folded, native editorial registers. Every word remains in the DOM. */
.making-register {display:block!important;grid-template-columns:none!important;gap:0!important;border-top:1px solid var(--ink);}
.making-register .making-disclosure {border:0;border-bottom:1px solid var(--rule);padding:0;}
.making-register .making-disclosure>summary {cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 3px;list-style:none;min-height:84px;}
.making-register .making-disclosure>summary::-webkit-details-marker {display:none;}
.making-register .making-disclosure>summary:focus-visible {outline:2px solid var(--ink);outline-offset:4px;}
.making-register .making-title {display:flex;flex-direction:column;gap:5px;min-width:0;}
.making-register .making-title .eyebrow {display:block;font-size:12px;letter-spacing:.065em;color:var(--soft);}
.making-register .making-title strong {font:700 clamp(23px,3.1vw,39px)/1.16 var(--serif);letter-spacing:-.025em;}
.making-register .making-disclosure:is(:hover,[open]) .making-title strong {color:var(--anna-teal);}
.making-register .fold-indicator {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font:400 29px/1 var(--sans);flex:none;}
.making-register .making-disclosure[open] .fold-indicator {transform:rotate(45deg);}
.making-register .making-content {padding:0 62px 23px 3px;max-width:56em;}
.making-register .making-content p {font-size:clamp(18px,1.8vw,22px);line-height:1.55;margin:0;}
.making-register+.making-note {max-width:62ch;margin-top:27px;}
@media(max-width:640px) {#outputs .publishing-disclosure>summary{padding:18px 0;}#outputs .publishing-disclosure .summary-note{font-size:11px;}.making-register .making-content{padding-right:5px;}.making-register .making-disclosure>summary{gap:5px;}}
@media(prefers-reduced-motion:reduce){#together .role-panel li,.making-register .fold-indicator {transition:none!important;}}
@media(forced-colors:active){#together .role-panel li:is(:hover,:focus-visible){color:Highlight!important;}#together .together-strip h3::after{background:Highlight;}#together .role-lists{border-color:CanvasText;}}
@media print{.client-wordmark .anna-name{font-size:45pt!important}#together .together-strip{background:white!important;padding:10pt 0!important;}#together .together-strip h3::after{display:none!important;}.making-disclosure .making-content{display:block!important}}
/* The shared yellow accent is a mark, not another underline. */
#together .together-strip h3::after{content:none!important;}
#together .together-strip h3::before{content:"";position:absolute;left:-19px;top:.33em;width:11px;height:11px;background:var(--lj-yellow-2);z-index:0;}
@media(max-width:640px){#together .together-strip h3::before{left:-15px;width:9px;height:9px;}}
