/* Same palette, compact typography and document layout as Spongedal/nettside/prosjekt.css. */
:root{color-scheme:light;--ink:#253b37;--muted:#63736c;--paper:#f5f4ed;--line:#d8ded5;--accent:#b65032}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
a{color:inherit;text-underline-offset:4px}button,textarea{font:inherit}button,a,summary,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--accent)}
header{display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;border-bottom:1px solid var(--line);gap:20px}.brand{font-weight:750;text-decoration:none;line-height:1.3}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.14em;margin-top:5px}nav{display:flex;gap:25px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px}nav a:hover{color:var(--accent)}
main{max-width:1320px;margin:auto;padding:0 5vw 70px}.hero{padding:28px 0 24px;max-width:850px}.revision{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted);margin-bottom:16px}.badge{display:inline-block;background:#ede6d4;color:#725e2e;font:10px/1.5 ui-monospace,monospace;letter-spacing:.05em;padding:5px 8px;border-radius:3px}
h1{font-size:clamp(28px,3vw,36px);font-weight:600;line-height:1.2;letter-spacing:-.02em;margin:0 0 14px}h2{font-size:clamp(21px,2.4vw,27px);font-weight:600;line-height:1.25;letter-spacing:-.015em;margin:0 0 18px}h3{font-size:18px;line-height:1.35;margin:16px 0 10px}p{margin:0 0 18px}.lead{font-size:16px;line-height:1.55;color:var(--muted);max-width:85ch}
.button,button{background:var(--ink);color:white;border:1px solid var(--ink);padding:11px 18px;display:inline-block;border-radius:4px;text-decoration:none;cursor:pointer}.button span{margin-left:14px}.textlink{margin-left:25px;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:15px}.stats>div{padding:20px 0}.stats strong{display:block;font:28px Georgia,serif}.stats span{font-size:12px;color:var(--muted)}.source{font-size:12px;color:var(--muted);margin-top:14px}
main>section:not(.hero){margin-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;border-bottom:1px solid var(--line);margin-bottom:22px}.eyebrow{font:10px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.section-heading .eyebrow{white-space:nowrap}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:38px;align-items:start}.callout{background:#eee9dc;border-left:3px solid var(--accent);padding:22px 26px}.callout h3{margin-top:0}.callout p{font-size:14px}.callout p:last-child{margin-bottom:0}.floor-list>div{padding:9px 0;border-bottom:1px solid var(--line)}.floor-list strong,.floor-list span{display:block}.floor-list strong{font-size:14px}.floor-list span{font-size:13px;color:var(--muted)}
.drawing-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 14px}.drawing-tabs button{background:transparent;color:var(--ink);padding:8px 16px;font-size:14px}.drawing-tabs button[aria-pressed=true]{background:var(--ink);color:white}.drawing-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr);gap:28px;align-items:start}.plan-sheet{margin:0;background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden}.plan-sheet a{display:block}.plan-sheet img{width:100%;height:470px;object-fit:contain;display:block;padding:16px}figcaption{padding:12px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.drawing-notes{padding:18px 0}.drawing-notes p{font-size:14px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}article{padding:25px;background:white;border:1px solid var(--line);border-radius:5px}article p{font-size:14px;color:var(--muted)}article p:last-child{margin-bottom:0}.number{font:26px Georgia,serif;color:var(--accent)}.test{border-top:1px solid var(--line);padding-top:14px;font-size:12px}.concept{margin-top:28px;align-items:center}.concept>div>h3{margin-top:0}.concept p{font-size:14px}.stack{padding:20px;background:#ebece4;border:1px solid var(--line);border-radius:5px}.stack>.eyebrow{display:block;margin-bottom:15px}.stack-level{padding:18px 20px;border:1px solid #253b3726;border-radius:3px}.family{background:#ede2c2}.tenant{background:#dce7dc}.stack-level small{display:block;font:10px/1.5 ui-monospace,monospace;letter-spacing:.04em}.stack-level strong{display:block;font-size:20px;margin:4px 0}.stack-level span{font-size:13px}.stack-separation{font-size:11px;text-align:center;padding:9px}.stack .source{font-size:11px;margin-bottom:0}
.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.question{padding:22px;background:#fffdf8;border:1px solid var(--line);border-radius:5px}.question label{display:block;font-weight:650;line-height:1.4}.question label span{display:block;font:11px ui-monospace,monospace;color:var(--accent);margin-bottom:10px}.question p{font-size:13px;color:var(--muted);margin:10px 0 14px}.question textarea{display:block;width:100%;resize:vertical;min-height:105px;border:1px solid #abb8ad;border-radius:3px;background:white;color:var(--ink);font-size:14px;line-height:1.5;padding:12px}.question textarea::placeholder{color:#69786f}.more-questions{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.more-questions summary{cursor:pointer;font-weight:600}.more-questions .question-grid{margin-top:22px}.form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}#save-status{font-size:12px;color:var(--muted)}.next-step{background:#e6ebe1;border:1px solid var(--line);padding:26px}.next-step p{max-width:90ch;margin-bottom:0}.sources{padding-left:20px;font-size:13px}.sources li{padding:0 0 15px 8px}.sources strong{display:block}.sources code{font-size:11px;overflow-wrap:anywhere}footer{font-size:12px;color:var(--muted);padding:25px 5vw;border-top:1px solid var(--line)}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:white;z-index:2}.skip:focus{top:10px}
@media(max-width:850px){header{align-items:flex-start;flex-direction:column}nav{gap:18px}.grid{grid-template-columns:1fr}.split{gap:22px}.drawing-layout{grid-template-columns:1.3fr 1fr}.plan-sheet img{height:380px}.question-grid{gap:15px}.question{padding:18px}}
@media(max-width:620px){header{padding:19px 6vw}main{padding:0 6vw 45px}.split,.drawing-layout,.grid.two,.question-grid{grid-template-columns:1fr}.stats strong{font-size:20px}.stats span{font-size:11px;line-height:1.4;display:block;margin-top:7px}.stats>div{padding:18px 0}.textlink{display:block;margin:18px 0 0}.section-heading{display:block}.section-heading .eyebrow{display:block;margin-bottom:12px}.section-heading h2{margin-bottom:8px}.drawing-notes{padding:0}.plan-sheet img{height:360px}article{padding:22px}.form-actions button{width:100%}}
.site-sheet{margin:0;background:white;border:1px solid var(--line);border-radius:5px;overflow:hidden}.site-sheet img{display:block;width:100%;height:auto}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white;font-size:14px}caption{text-align:left;font-weight:600;margin-bottom:12px}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}th{font-size:12px}.calculator{background:#fffdf8;border:1px solid var(--line);padding:24px;border-radius:5px;margin:24px 0}.calculator h3{margin-top:0}.finance-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.finance-inputs label{font-size:12px;font-weight:600}.finance-inputs input{display:block;width:100%;padding:10px;margin-top:6px;font:16px inherit;color:var(--ink);background:white;border:1px solid #abb8ad;border-radius:3px}.finance-inputs input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.finance-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.finance-results span{display:block;font-size:12px;color:var(--muted)}.finance-results strong{display:block;font-size:24px;font-variant-numeric:tabular-nums}.calculator>.source:last-child{margin-bottom:0}@media(max-width:620px){.finance-inputs{grid-template-columns:1fr 1fr}.finance-results{grid-template-columns:1fr}.calculator{padding:18px}th,td{padding:12px;min-width:130px}}
.finance-inputs input{font:inherit;font-size:16px}
.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.option-stack{display:flex;flex-direction:column;gap:5px;margin:18px 0}.option-stack>div{padding:12px;background:#ede2c2;border:1px solid #253b3726;font-size:12px;min-height:50px}.option-stack .tenant{background:#dce7dc}.option-stack .garage{background:#e1e3e4}.option-stack>.option-pair{display:grid;grid-template-columns:1fr 1fr;padding:0;background:transparent;gap:4px;border:0}.option-pair span{padding:10px;border:1px solid #253b3726}.option-grid article{min-width:0}@media(max-width:850px){.option-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{header,footer,.button,.textlink,.drawing-tabs,.form-actions,.skip{display:none}body{background:white;font-size:11px}main{padding:0;max-width:none}.hero{padding:10px 0}h1{font-size:26px}h2{font-size:21px}main>section:not(.hero){margin-top:20px}article,.question,.plan-sheet,.stack{break-inside:avoid}.plan-sheet img{height:330px}textarea{min-height:90px!important}.question-grid{grid-template-columns:1fr 1fr}a{text-decoration:none}.section-heading{break-after:avoid}}