/* Layout revision: existing article copy and form behavior are preserved. */
:root{--radius:8px}
html{scroll-padding-top:100px}
body{overflow-wrap:break-word}
[hidden]{display:none!important}
.wrap{width:min(1240px,calc(100% - 80px))}
.header{position:sticky;top:0;z-index:30;box-shadow:0 1px 0 var(--line)}
.header-inner{min-height:88px;padding:15px 0;flex-wrap:nowrap;gap:32px}
.brand{flex-shrink:0;gap:12px}
.brand-symbol{display:block;width:38px;height:38px;border-radius:50%}
.brand strong{font-size:21px}
.brand span{font-size:9px;letter-spacing:.1em}
.nav,.nav-primary{display:flex;align-items:center;gap:24px;font-size:14px}
.nav{width:auto;flex-wrap:nowrap}
.nav a{padding:10px 0;min-height:44px;display:flex;align-items:center;white-space:nowrap}
.nav-more{position:relative}
.nav-more summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;list-style:none;padding:8px}
.nav-more summary::-webkit-details-marker{display:none}
.nav-more summary:after{content:"+";font-size:18px}
.nav-more[open] summary:after{content:"−"}
.nav-more[open] summary{color:var(--rust)}
.nav-more-links{position:absolute;right:0;top:52px;min-width:220px;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:0 12px 30px #243d3617}
.nav-more-links a{padding:10px 14px;border-radius:4px}
.nav-more-links a:hover,.nav-more-links a[aria-current=page]{background:var(--pale);border:0}
.menu-toggle{border:1px solid var(--line);border-radius:5px;background:var(--cream);padding:8px 14px;min-height:44px;font-size:14px;display:flex;gap:12px;align-items:center}
.draft-bar{font-size:12px;padding:10px 0}
.reading{max-width:1160px}
.reading .guide-intro{padding:48px 0 38px}
.reading h1{font-size:clamp(42px,5.3vw,70px);line-height:1.08;max-width:900px}
.guide-intro .eyebrow{margin-bottom:12px;letter-spacing:.12em}
.guide-intro .lede{font-size:17px;line-height:1.7;max-width:65ch;margin-top:20px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:56px;align-items:start;padding-bottom:38px}
.article-content{grid-column:1;grid-row:1;min-width:0;max-width:78ch}
.page-outline{grid-column:2;grid-row:1;position:sticky;top:112px;max-height:calc(100vh - 140px);overflow:auto;margin:0;padding:19px 0;border-top:2px solid var(--ink)}
.page-outline summary{font-size:13px;letter-spacing:.04em;font-weight:700;list-style:none;pointer-events:none}
.page-outline summary::-webkit-details-marker{display:none}
.page-outline nav{display:grid;gap:5px;margin-top:14px}
.page-outline a{font-size:13px;line-height:1.5;text-decoration:none;border-left:2px solid transparent;padding:8px 12px;color:var(--muted)}
.page-outline a:hover,.page-outline a[aria-current=location]{background:var(--pale);border-left-color:var(--rust);color:var(--ink)}
.chapter{padding:34px 0}
.chapter>h2{line-height:1.12;margin-bottom:21px;max-width:28ch}
.chapter p,.chapter li{line-height:1.75}
.chapter h3{margin:24px 0 12px}
.chapter>h3:first-child,.card h3:first-child{margin-top:0}
.card-grid{gap:18px}
.card{border-radius:var(--radius);padding:24px;min-width:0}
.card h3{font-size:19px;line-height:1.35;margin:0 0 12px}
.card p{line-height:1.7}
a.card{position:relative;padding-right:45px;transition:background-color .15s,border-color .15s}
a.card:after{content:'↗';position:absolute;right:18px;top:19px;font-size:21px;color:var(--rust)}
a.card:hover{background:var(--pale);border-color:var(--ink)}
.next-action,.callout,.sample-label,.data-tools{border-radius:var(--radius)}
.next-action{padding:20px 24px;margin-bottom:28px}
.callout{padding:28px;margin:28px 0}
.callout h2{font-size:32px;line-height:1.14}
.callout p{max-width:72ch}
.article-content .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.stat-grid>div{min-width:0}
.stat-grid strong{font-size:clamp(28px,3vw,42px);overflow-wrap:anywhere}
.project-grid{gap:26px;align-items:start}
.project-grid img{border-radius:5px;object-fit:contain}
.source-note,figcaption{line-height:1.65}
.table-scroll{border:1px solid var(--line);border-radius:6px;max-width:100%;overscroll-behavior-x:contain}
.table-scroll table{border:0;margin:0}
.table-scroll td,.table-scroll th{min-width:145px}
.table-scroll th{font-weight:600}
input,textarea,select{min-height:44px;border-radius:5px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--rust);outline-offset:3px}
.script{min-height:300px;max-width:100%;font-size:15px;background:var(--cream)}
.data-buttons button,.copy,.print-button,.sheet button{min-height:44px;border-radius:5px;margin:0}
.data-buttons{gap:10px;margin:16px 0}
.data-buttons button:hover,.copy:hover,.print-button:hover{background:var(--pale)}
.profile-row{gap:16px}
.save-choice{margin-top:14px}
.save-choice input{min-height:18px;flex:0 0 18px}
.sheet{overflow:visible;max-width:1120px;padding:30px}
.sheet .no-print{flex-wrap:wrap;align-items:center}
.sheet .table-scroll{overflow-x:auto}
.sheet td textarea{min-height:66px;padding:8px;font-size:14px}
.sheet .field-grid textarea{min-height:74px;font-size:15px}
.sheet .field-grid label{font-size:14px}
.sheet .data-tools{padding:22px}
#contact-form{max-width:700px;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
#contact-form label:first-of-type{margin-top:0}
#contact-form textarea{min-height:180px}
#contact-form .contact-honey{display:none!important}
#contact-form input,#contact-form select{background:white}
.contact-actions{gap:12px}
#send-message{padding:12px 24px;min-height:48px}
#message-status:not(:empty){border-radius:5px;margin:18px 0 0}
.home-entry{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;padding:55px 0 42px;align-items:start}
.home-entry .guide-intro{padding:0}
.home-entry h1{font-size:clamp(50px,5.5vw,72px);max-width:9ch}
.home-entry .lede{font-size:17px;max-width:43ch}
.home-entry #start{border:0;padding:0}
.home-entry #start h2{font-size:31px;margin:0 0 20px;letter-spacing:-.015em}
.home-entry .card{padding:22px 38px 22px 21px}
.home-entry .card h3{font-size:17px;max-width:15ch;margin:0 0 10px}
.home-entry .card p{font-size:14px;line-height:1.6}
.home-entry .source-note{margin-top:18px!important}
.home-page>.chapter{padding:32px 0}
.home-page .jump-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0}
.home-page .jump-nav a{display:flex;align-items:center;min-height:64px;text-decoration:none;border:1px solid var(--line);background:var(--cream);border-radius:6px;padding:15px;font-size:14px;font-weight:600}
.home-page .jump-nav a:hover{background:var(--pale);border-color:var(--ink)}
.footer{margin-top:20px;padding:27px 0}
.footer .wrap{font-size:12px;align-items:start}
.footer p{max-width:70ch}
@media(max-width:1100px){
 .wrap{width:calc(100% - 48px)}
 .header-inner{flex-wrap:wrap;min-height:78px;gap:0 20px;padding:14px 0;justify-content:space-between}
 .nav{width:100%;display:grid;gap:0;border-top:1px solid var(--line);margin-top:14px;padding-top:10px}
 .nav-primary{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
 .nav a{padding:10px 12px;min-height:46px;border-radius:4px}
 .nav a:hover,.nav a[aria-current=page]{background:var(--pale);border:0}
 .nav-more summary{display:none}
 .nav-more-links{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;border:0;box-shadow:none;background:transparent;padding:0;min-width:0}
 .nav-more:not([open]) summary{display:flex}
 .article-layout{display:block}
 .article-content{max-width:80ch}
 .page-outline{position:static;max-height:none;overflow:visible;padding:0;margin:0 0 25px;border:1px solid var(--line);background:var(--cream);border-radius:6px}
 .page-outline summary{padding:14px 18px;pointer-events:auto;cursor:pointer;display:flex;justify-content:space-between}
 .page-outline summary:after{content:'+';font-size:19px;line-height:1}
 .page-outline details[open] summary:after{content:'−'}
 .page-outline nav{margin:0;padding:0 10px 12px}
 .page-outline a{min-height:44px}
 .home-entry{gap:32px;grid-template-columns:.85fr 1.15fr}
 .home-entry h1{font-size:54px}
}
@media(max-width:720px){
 html{scroll-padding-top:90px}
 .wrap{width:calc(100% - 36px)}
 .brand strong{font-size:19px}
 .brand span{font-size:8px}
 .brand-symbol{width:34px;height:34px}
 .header-inner{min-height:74px}
 .nav{font-size:14px}
 .draft-bar{padding:9px 0;font-size:11px;line-height:1.55}
 .reading .guide-intro{padding:32px 0 27px}
 .reading h1{font-size:clamp(37px,10.8vw,48px);line-height:1.1}
 .guide-intro .eyebrow{font-size:10px;letter-spacing:.08em;line-height:1.7}
 .guide-intro .lede{font-size:16px;line-height:1.65;margin-top:18px}
 .chapter{padding:27px 0}
 .chapter>h2{font-size:30px;line-height:1.15}
 .card{padding:22px}
 .card-grid{gap:14px}
 .callout{padding:23px;margin:24px 0}
 .callout h2{font-size:29px}
 .article-content .stat-grid{grid-template-columns:1fr;gap:14px}
 .stat-grid>div{padding:14px 0;border-bottom:1px solid var(--line)}
 .stat-grid strong{font-size:40px}
 .stat-grid span{font-size:14px}
 .sheet{margin:0;padding:24px 18px}
 .sheet h1{font-size:36px;line-height:1.1}
 .sheet .field-grid{gap:19px}
 .sheet .data-tools{padding:17px}
 .profile-row{gap:14px}
 .no-print{gap:14px}
 #contact-form{padding:21px}
 .contact-actions{display:grid;grid-template-columns:1fr 1fr}
 #send-message{grid-column:1/-1}
 .contact-actions button{padding:10px;font-size:14px}
 .home-entry{display:block;padding:33px 0 28px}
 .home-entry .guide-intro{padding:0 0 28px}
 .home-entry h1{font-size:46px;max-width:11ch}
 .home-entry .lede{font-size:16px;margin-top:17px}
 .home-entry #start h2{font-size:29px;margin-bottom:18px}
 .home-entry .card-grid{grid-template-columns:1fr;gap:12px}
 .home-entry .card{padding:19px 44px 19px 20px}
 .home-entry .card h3{max-width:none;margin-bottom:7px;font-size:17px}
 .home-page .jump-nav{grid-template-columns:1fr 1fr;gap:12px}
 .home-page .jump-nav a{min-height:62px;font-size:13px}
 .footer .wrap{display:grid;gap:12px}
 .family .guide-intro h1{font-size:42px}
 .family-actions button{min-height:44px;border-radius:5px}
}
@media(prefers-reduced-motion:reduce){a.card{transition:none}}
@media print{
 .page-outline,.menu-toggle,.brand-symbol{display:none!important}
 .article-layout,.home-entry{display:block}
 .article-content{max-width:none}
 .wrap{width:100%}
 .reading .guide-intro{padding:12px 0}
 .reading h1,.home-entry h1{font-size:32px}
 .sheet{padding:0;margin:0}
 .sheet .field-grid textarea{min-height:25px;font-size:10px}
 .sheet td textarea{min-height:30px;font-size:10px}
 #contact-form{padding:0;border:0}
}

/* Clear, editable cost cards; source order preserves existing saved entries. */
.nav,.nav-primary{gap:18px}
.nav{font-size:13px}
.cost-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin:26px 0}
.cost-column-heading{font-size:22px;font-weight:600;border-bottom:2px solid var(--ink);padding-bottom:12px}
.cost-fields label{display:grid;gap:8px;font-size:14px;min-width:0}
.cost-fields input{width:100%;background:white;border:1px solid var(--line);padding:11px}
.cost-col-label{font-size:11px;font-weight:700;color:var(--muted)}
.cost-notes{display:grid;gap:10px;font-weight:600;margin-top:24px}
.cost-notes textarea{min-height:130px;width:100%;font-weight:400;background:white;padding:14px}
@media(max-width:720px){.cost-fields{gap:20px 12px}.cost-column-heading{font-size:20px}.cost-fields label{font-size:13px;line-height:1.5}.cost-fields input{font-size:16px;min-height:48px}}
@media print{.cost-fields{grid-template-columns:1fr 1fr}.cost-fields input{min-height:25px}.cost-notes textarea{min-height:65px}}