/* Webdesign microsite 09 — scoped repairs, not a new brand system.
   Anna's tokens and the approved opening, roles, footer and artwork remain intact. */

/* 02. One question at a time, laid into the page, never an inset window. */
#start-here .care-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:0 56px;align-items:start;margin-bottom:28px;}
#start-here .care-intro>.eyebrow,#start-here .care-context{grid-column:1/-1;}
#start-here .care-context{font:500 13px/1.6 var(--mono);letter-spacing:.01em;color:var(--anna-teal);margin:0 0 18px;overflow-wrap:anywhere;}
#start-here #starting-title{font:400 clamp(38px,4.55vw,62px)/1.09 var(--serif);letter-spacing:-.035em;max-width:23ch;margin:0;scroll-margin-top:30px;}
#starting-title:focus,#contact-title:focus{outline:none;}
#start-here #care-introduction{font:400 clamp(18px,1.5vw,21px)/1.55 var(--serif);max-width:40ch;margin:0 0 4px;}
#start-here .care-stage:empty{display:none;}
#start-here .care-choices{display:grid;grid-template-columns:1fr;gap:2px;margin:0;max-width:950px;}
#start-here .care-choices button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:65px;padding:15px 0;background:transparent;border:0;text-align:left;text-decoration:none;font:600 clamp(23px,2.35vw,32px)/1.2 var(--sans);letter-spacing:-.025em;}
#start-here .care-choices .choice-label{min-width:0;}
#start-here .choice-arrow{flex:0 0 44px;min-height:44px;display:flex;align-items:center;justify-content:center;font:400 27px/1 var(--sans);color:var(--soft);}
#start-here .care-choices button:is(:hover,:focus-visible){color:var(--anna-teal);}
#start-here .care-choices button:is(:hover,:focus-visible) .choice-arrow{background:var(--lj-yellow-2);color:var(--ink);}
#start-here .care-choices button:focus-visible{outline:2px solid var(--ink);outline-offset:5px;}
.care-nav{display:flex;align-items:center;gap:28px;margin-top:19px;padding:0 0 7px;}
.care-nav button{border:0;padding:10px 0;min-height:44px;font:600 15px/1.5 var(--sans);text-decoration:none;}
.care-nav button:hover{background:transparent;color:var(--anna-teal);}
.care-result{display:grid;grid-template-columns:1fr 1fr;gap:22px 64px;margin-top:24px;}
.care-result-detail{margin:0;display:grid;align-content:start;gap:23px;}
.care-result-detail dt{font:600 12px/1.5 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--soft);margin-bottom:7px;}
.care-result-detail dd{margin:0;font:400 21px/1.5 var(--serif);max-width:40ch;}
.care-next .notes-label{margin-top:0;font-size:20px;line-height:1.4;}
.care-next .notes-label span{display:block;margin-top:5px;font:400 13px/1.5 var(--sans);color:var(--soft);}
.care-next textarea{background:transparent;border:1px solid var(--rule);min-height:110px;margin-top:11px;}
.care-next .note-privacy{font:400 12px/1.6 var(--sans);color:var(--soft);margin:7px 0 14px;}
.care-contact{font:600 19px/1.4 var(--sans);padding:16px 20px;min-height:55px;}
.care-condition{font:400 12px/1.6 var(--sans);color:var(--soft);margin:9px 0 0;}
.care-save{grid-column:1/-1;border-top:1px solid var(--rule);padding-top:10px;max-width:100%;}
.care-save>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;font:400 17px/1.4 var(--serif);}
.care-save>summary>span{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font:400 23px/1 var(--sans);}
.care-save[open]>summary>span{transform:rotate(45deg);}
.care-save .route-tools{display:flex;flex-wrap:wrap;gap:10px 16px;margin:12px 0;}
.care-save .route-tools button{font:500 14px/1.4 var(--sans);padding:11px 14px;min-height:44px;}
.care-save .status-message:empty{display:none;}
.care-save .copy-fallback{display:block;width:100%;}

/* 03. A process someone can read, with actions, approvals and an outcome. */
#decisions .project-stages{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink);}
#decisions .project-stages>li{display:grid;grid-template-columns:.95fr 1.4fr;gap:54px;padding:29px 0 31px;border-bottom:1px solid var(--rule);}
#decisions .stage-title{position:relative;padding-left:52px;}
#decisions .stage-number{position:absolute;left:0;top:8px;font:500 13px/1.5 var(--mono);color:var(--soft);}
#decisions .stage-title h3{font:400 clamp(29px,3vw,40px)/1.15 var(--serif);letter-spacing:-.03em;margin:0 0 13px;}
#decisions .stage-owner{font:600 12px/1.6 var(--sans);letter-spacing:.025em;color:var(--anna-teal);margin:0;max-width:30ch;}
#decisions .stage-explanation>p{font:400 19px/1.55 var(--serif);margin:0 0 18px;max-width:55ch;}
#decisions .stage-explanation dl{display:grid;grid-template-columns:1fr 1fr;gap:27px;margin:0;}
#decisions .stage-explanation dt{font:600 12px/1.5 var(--sans);letter-spacing:.035em;color:var(--soft);margin:0 0 6px;text-transform:uppercase;}
#decisions .stage-explanation dd{margin:0;font:400 17px/1.5 var(--serif);}
#decisions .process-context{font-size:20px;max-width:60ch;margin:30px 0;}
#decisions #build-readiness{scroll-margin-top:24px;}

/* 04. Concrete directions, with the optional example still folded by default. */
#outputs .publishing-disclosure>summary{gap:12px 24px;}
#outputs .publishing-disclosure>summary>span:first-child{flex:1;}
#outputs .demo-toggle{font:400 30px/1 var(--sans);width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;}
#outputs .publishing-disclosure[open] .demo-toggle{transform:rotate(45deg);}
#outputs .demo-introduction{font:400 18px/1.55 var(--serif);max-width:72ch;margin:4px 0 22px;}
#outputs .publishing-demo{gap:24px 40px;}
#outputs .publish-controls{padding-top:18px;}
#outputs .publish-controls>label{font-size:18px;}
#outputs .previews-heading{grid-column:1/-1;margin:0;border:0;font-size:12px;}
#outputs .outputs{align-items:start;gap:24px;}
#outputs .publish-tools{display:flex;flex-direction:column;align-items:stretch;gap:10px;}
#outputs .publish-tools button{font:500 14px/1.45 var(--sans);text-align:left;}
#outputs .publishing-foot{font:400 14px/1.55 var(--sans);}

/* A direct destination and action for the whole collaboration. */
#contact{grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:68px;}
#contact #contact-title{font:400 clamp(44px,5.5vw,76px)/1.05 var(--serif);letter-spacing:-.045em;margin:0 0 24px;scroll-margin-top:24px;}
#contact .contact-copy>p:not(.eyebrow){font:400 19px/1.55 var(--serif);margin:0 0 17px;max-width:42ch;}
#contact .contact-actions{min-width:0;}
#contact .contact-context{font:500 14px/1.6 var(--sans);color:var(--anna-teal);margin:0 0 15px;}
#contact .contact-email{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;background:var(--lj-yellow-2);color:var(--ink);text-decoration:none;padding:24px;font:600 clamp(23px,2.3vw,30px)/1.25 var(--sans);min-height:90px;}
#contact .contact-email:hover{background:var(--ink);color:var(--lj-yellow-2);}
#contact .contact-email:focus-visible{outline:3px solid var(--anna-teal);outline-offset:6px;}
#contact .contact-instructions{font:400 13px/1.6 var(--sans);color:var(--soft);margin:14px 0 17px;}
#contact .contact-addresses{display:flex;flex-direction:column;gap:3px;font:400 14px/1.6 var(--mono);overflow-wrap:anywhere;margin:0 0 21px;}
#contact .contact-form-link{display:inline-flex;gap:12px;align-items:center;min-height:48px;font:500 15px/1.5 var(--sans);text-decoration:none;}
#contact .contact-form-link:hover{color:var(--anna-teal);text-decoration:underline;}
@media(max-width:1000px){#start-here .care-intro{gap:0 34px;}#contact{gap:40px;}#contact .contact-email{padding:21px;}#decisions .project-stages>li{gap:36px;}#decisions .stage-title{padding-left:40px;}}
@media(max-width:760px){
 #start-here .care-intro{display:block;margin-bottom:22px;}
 #start-here #starting-title{font-size:clamp(35px,6.4vw,48px);max-width:25ch;margin-bottom:19px;}
 #start-here #care-introduction{font-size:19px;max-width:47ch;}
 #start-here .care-choices button{font-size:24px;min-height:65px;}
 .care-result{grid-template-columns:1fr;gap:26px;}.care-result-detail{gap:19px;}.care-result-detail dd{font-size:20px;max-width:100%;}
 .care-nav{gap:26px;margin-top:14px;}.care-contact{width:100%;}
 #decisions .project-stages>li{grid-template-columns:1fr;gap:18px;padding:26px 0;}
 #decisions .stage-title{padding-left:40px;}#decisions .stage-title h3{font-size:33px;margin-bottom:7px;}
 #decisions .stage-owner{max-width:none;}#decisions .stage-explanation dl{gap:23px;}
 #outputs .publishing-disclosure>summary .summary-note{flex-basis:100%;order:3;}
 #outputs .publishing-demo{grid-template-columns:1fr;}
 #outputs .publish-controls{max-width:100%;}#outputs .outputs{grid-template-columns:1fr 1fr;}
 #contact{grid-template-columns:1fr;gap:24px;padding-block:45px;}
 #contact #contact-title{font-size:clamp(44px,8.5vw,62px);}#contact .contact-email{font-size:26px;min-height:77px;}
}
@media(max-width:460px){
 #start-here #starting-title{font-size:35px;letter-spacing:-.03em;}#start-here .care-choices button{font-size:21px;gap:10px;}
 #start-here .choice-arrow{flex-basis:34px;font-size:24px;}#start-here .care-context{font-size:11px;}
 #decisions .stage-explanation dl{grid-template-columns:1fr;gap:17px;}
 #outputs .outputs{grid-template-columns:1fr;}#contact .contact-email{font-size:24px;padding:20px;}#contact .contact-addresses{font-size:13px;}
}
@media(prefers-reduced-motion:reduce){#start-here *,#outputs .demo-toggle,#contact *{transition:none!important;scroll-behavior:auto!important;}}
@media(forced-colors:active){#start-here .care-choices button{border:1px solid ButtonText;}#contact .contact-email{border:2px solid LinkText;color:LinkText;background:Canvas;}.choice-arrow{forced-color-adjust:auto;}}
@media print{.care-app,.contact-actions{display:none!important;}#decisions .project-stages>li{break-inside:avoid;grid-template-columns:1fr 1.5fr;gap:18pt;}#decisions .stage-title{padding-left:25pt;}#decisions .stage-title h3{font-size:20pt;}#decisions .stage-explanation>p{font-size:11pt;}#decisions .stage-explanation dd{font-size:10pt;}#contact{display:block;}}

@media screen{#print-document{display:none!important;}}