/* Same TP24 palette and page rhythm, extended for terrace tools and editorial pages. */
.header-desktop-links{gap:20px}.header-desktop-links a{font-size:13px}.site-wordmark small{display:none}.hero h1{letter-spacing:-.035em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button.secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}.section-heading{align-items:end}.section-heading p{max-width:52ch}.feature-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:24px 0}.feature-links a{padding:19px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;color:var(--primary);font-size:19px}.feature-links span{font-size:14px;color:var(--muted-foreground)}.terrace-materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.terrace-material{padding:0 0 22px;border-bottom:1px solid var(--border)}.terrace-material h3{font-size:25px}.terrace-material p{font-size:15px;color:var(--muted-foreground)}.material-swatch{height:130px;overflow:hidden;display:flex;gap:3px;background:var(--muted);padding:0 10px;transform:none}.material-swatch i{display:block;flex:1;background:#b99d70;box-shadow:inset -1px 0 #79654755}.material-swatch.thermo i{background:#855b3d}.material-swatch.composite i{background:#7b7974}.material-swatch.larch i{background:#c6b08f}.material-caption{font-size:11px!important;margin:5px 0;color:var(--muted-foreground)}.link-row{display:flex;gap:24px;flex-wrap:wrap}.tool-intro{padding:44px 0;border-block:1px solid var(--border);margin:32px 0}.tool-intro h2{max-width:20ch}.tool-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}.technical-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px}.technical-rows article{border-top:1px solid var(--border);padding:20px 0}.technical-rows h3{font-size:25px;margin:0 0 12px}.technical-rows p{color:var(--muted-foreground);font-size:15px;max-width:55ch}.knowledge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}.knowledge-list article{padding:22px 0;border-top:1px solid var(--border)}.knowledge-list h2,.knowledge-list h3{font-size:25px;line-height:1.2;margin:0 0 12px}.knowledge-list p{font-size:15px;color:var(--muted-foreground)}.page-head{padding-top:62px;padding-bottom:44px}.page-head h1{max-width:19ch;font-size:clamp(38px,4vw,62px);letter-spacing:-.035em}.page-head .intro{max-width:65ch}.breadcrumbs{font-size:13px;color:var(--muted-foreground);margin:0 0 25px;display:flex;gap:12px;flex-wrap:wrap}.reading-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:80px;align-items:start}.reading-copy{font-size:17px}.reading-copy h2{font-size:29px;margin:38px 0 18px;letter-spacing:-.02em}.reading-copy p{max-width:70ch}.reading-aside{position:sticky;top:115px;border-top:1px solid var(--border);padding-top:20px;font-size:14px}.reading-aside h2{font-size:22px;letter-spacing:-.02em}.reading-aside li{margin:12px 0}.reading-aside ul{padding-left:20px}.source-links{font-size:13px;color:var(--muted-foreground);margin-top:38px}.source-links a{text-decoration:underline;text-underline-offset:3px;display:block}.article-cta{padding:32px;background:var(--secondary);margin-top:45px}.article-cta h2{margin:0 0 12px}.article-cta p{margin:0 0 22px}.content-table{width:100%;border-collapse:collapse;font-size:14px;margin:25px 0}.content-table th,.content-table td{text-align:left;vertical-align:top;padding:16px 12px;border-bottom:1px solid var(--border)}.table-scroll{overflow:auto}.content-table th{color:var(--primary)}.planner-layout{align-items:start}.planner-controls .growth-options{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.growth-options h3{font-size:24px;margin:0 0 16px}.growth-options .field{margin:0 0 18px}.growth-options input,.growth-options select{max-width:100%}.price-fields{margin-top:18px}.price-fields summary{cursor:pointer;min-height:44px;font-weight:600;color:var(--primary)}.price-fields .form-grid{margin-top:15px}.budget-box{padding:22px;background:var(--secondary);margin:20px 0;font-size:14px}.budget-box strong{font-size:34px;line-height:1.15;display:block;color:var(--primary)}.budget-box p{margin-bottom:0}.plan-note{font-size:13px;color:var(--muted-foreground)}.plan-actions{display:flex;gap:16px;flex-wrap:wrap}.plan-actions button{min-height:44px}.print-sheet{display:none}.comparison{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--muted)}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-after{clip-path:inset(0 0 0 50%)}.comparison-controls{display:flex;align-items:center;gap:16px;margin:14px 0;font-size:13px}.comparison-controls input{flex:1;min-width:60px;accent-color:var(--primary);min-height:44px}.material-quiz{border-block:1px solid var(--border);padding:28px 0;margin:30px 0}.material-quiz fieldset{border:0;padding:0;margin:0 0 24px}.material-quiz legend{font-weight:600;color:var(--primary);margin-bottom:12px}.quiz-choices{display:flex;gap:14px;flex-wrap:wrap}.quiz-choices label{display:flex;gap:8px;align-items:center;min-height:44px}.quiz-choices input{accent-color:var(--primary)}.search-field{max-width:540px;margin:0 0 26px}.search-field input{width:100%;padding:14px;border:1px solid var(--input);border-radius:6px;font:inherit}.section{scroll-margin-top:100px}.offline-article{border-top:1px solid var(--border);padding:22px 0}.offline-article>summary{cursor:pointer;font-size:22px;color:var(--primary);min-height:44px}.offline-article .reading-layout{margin-top:26px}.form-section .form-grid textarea{max-width:100%}.growth-options input:focus-visible,.growth-options select:focus-visible,.search-field input:focus-visible{outline:3px solid #ed8067;outline-offset:3px}
@media(max-width:1050px){.header-desktop-links{gap:12px}.header-desktop-links a{font-size:12px}.reading-layout{gap:36px;grid-template-columns:minmax(0,1fr) 230px}.terrace-materials{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.header-desktop-links{display:none}.tool-grid,.reading-layout{grid-template-columns:1fr;gap:28px}.reading-aside{position:static}.page-head{padding-top:35px}.page-head h1{font-size:37px}.technical-rows,.knowledge-list{grid-template-columns:1fr;gap:12px}.feature-links{grid-template-columns:1fr;gap:0}.hero-actions{gap:10px}.hero-actions .button{width:100%}.table-scroll{margin-inline:0}.content-table{min-width:610px}.article-cta{padding:24px}.reading-copy{font-size:16px}.reading-copy h2{font-size:27px}.page-head .intro{font-size:17px}.section-heading h2{font-size:30px}.tool-intro{margin:18px 0;padding:30px 0}}
@media(max-width:430px){.terrace-materials{gap:20px 16px}.terrace-material h3{font-size:22px}.material-swatch{height:100px}.feature-links a{font-size:17px}.hero h1{font-size:42px}.growth-options .form-grid{grid-template-columns:1fr}.budget-box{padding:18px}}
@media print{body>*{display:none!important}body{background:#fff;color:#111}body>main{display:block!important}main>*{display:none!important}#planeerija{display:block!important;padding:0!important}.planner-layout>*{display:none!important}.planner-layout{display:block!important}.planner-controls{display:block!important}.planner-controls>*{display:none!important}.planner-controls>#project-sheet{display:block!important;color:#111}.print-sheet h2{color:#111}#planeerija>.section-heading{display:none!important}#planeerija .print-sheet{display:block!important}}
/* Planner stays usable alongside its controls, rather than stretching the diagram. */
.terrace-planner{grid-template-columns:minmax(0,1.05fr) minmax(360px,1fr);max-width:none;align-items:start}
.terrace-planner .planner-scene{position:sticky;top:112px}.terrace-planner .planner-scene svg{max-height:390px}.terrace-planner .planner-controls{border-top:0;padding-top:0}.terrace-planner input{min-height:46px}.plan-actions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:950px){.terrace-planner{grid-template-columns:minmax(0,1fr)}.terrace-planner .planner-scene{position:static}.terrace-planner .planner-scene svg{max-height:260px}}

.terrace-material h2{font-size:25px;line-height:1.3;letter-spacing:-.02em;margin:15px 0;font-weight:500}.page-head+.section{padding-top:24px}@media(max-width:430px){.terrace-material h2{font-size:22px}}