/* Editorial components: readable source HTML is the baseline at every viewport. */
.journal-feature{--journal-ink:#302e2c;--journal-soft:#5b5753;--journal-line:#c8c5c3;--journal-rust:#884922}
.journal-feature .journal-cover{max-width:1440px;margin:auto;padding:48px 6% 70px!important}
.journal-feature .journal-cover .page-crumb{margin-bottom:34px}
.journal-cover-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center}
.journal-feature .journal-cover h1{font:400 clamp(40px,4.6vw,70px)/1.05 var(--serif);letter-spacing:-.045em;max-width:13ch;margin:25px 0;color:var(--journal-ink)}
.journal-cover-copy>.eyebrow{font-size:10px;letter-spacing:.14em;line-height:1.7;color:var(--journal-rust)}
.journal-cover-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:38ch;color:var(--journal-soft)}
.journal-feature .journal-cover .article-date{font-size:12px;line-height:1.9;color:#55514e;margin-top:25px;max-width:42ch}
.journal-feature .reading-time{display:block;margin-top:8px;font-size:11px;letter-spacing:.04em}
.journal-cover .enquiry-actions{margin-bottom:0;gap:16px 25px}
.journal-feature .journal-cover figure{position:relative;margin:0;padding:12px 12px 0;background:#fffaf0;border:1px solid #d6d5c5;box-shadow:14px 16px 0 #e2d9d1;transform:rotate(1deg)}
.journal-feature .journal-cover figure img{width:100%;height:560px;display:block;object-fit:cover;object-position:48% 50%;border:0;box-shadow:none}
.journal-cover figcaption{font-size:9px;letter-spacing:.13em;padding:18px 4px;color:#55514d}
.cover-note{position:absolute;bottom:75px;left:-32px;background:#f7e6c9;color:#3e3b39;box-shadow:0 8px 25px #2d2b291a;transform:rotate(-4deg);padding:22px 26px;font:26px/1.25 var(--serif);max-width:280px;border-bottom:3px solid #c59364}
.cover-note em{color:#8b4d29}
.journal-feature .article-layout{max-width:1440px;margin:auto;padding:45px 6% 90px!important;grid-template-columns:185px minmax(0,1fr);gap:7%;align-items:start;border-top:1px solid var(--journal-line)}
.journal-feature .journal-contents{top:125px;max-height:calc(100vh - 150px);padding:0 5px 10px 0;border:0;overflow-y:auto}
.chapter-label,.journal-feature .reading-copy .chapter-label{font:600 10px/1.6 var(--sans);letter-spacing:.15em;color:var(--journal-rust);margin:0 0 20px}
.journal-feature .journal-contents nav{display:flex;flex-direction:column;gap:0}
.journal-feature .journal-contents nav a{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #dfd5cd;font-size:12px;line-height:1.5;color:#4f4b48}
.journal-contents nav a>span{font-size:10px;color:#875c36;padding-top:1px;font-variant-numeric:tabular-nums}
.journal-feature .journal-contents nav a[aria-current]{font-weight:700;color:#80431c;border-bottom-color:#9d643a}
.contents-footer{margin-top:26px;font-size:12px;line-height:1.6}.contents-footer>a{display:block;color:#3d3a37;text-decoration:underline;text-underline-offset:4px}
.print-guide{background:none;border:0;border-bottom:1px solid #716c67;color:#4a4744;font:inherit;padding:10px 0;margin-top:16px;cursor:pointer}
.journal-feature .reading-copy{max-width:none;min-width:0;color:var(--journal-ink)}
.journal-feature .journal-chapter{padding:0 0 65px;margin:0 0 60px;border-bottom:1px solid var(--journal-line)}
.journal-feature .reading-copy h2{font:400 clamp(31px,3.3vw,48px)/1.15 var(--serif);letter-spacing:-.025em;margin:0 0 24px;max-width:25ch;color:var(--journal-ink)}
.journal-feature .reading-copy h3{font:400 27px/1.2 var(--serif);margin:20px 0 14px;color:var(--journal-ink)}
.journal-feature .reading-copy p,.journal-feature .reading-copy li{line-height:1.85;color:#4b4744}
.journal-feature .journal-chapter>p{max-width:68ch}
.journal-feature .reading-copy .answer-lead{font-size:19px;line-height:1.75;margin:0 0 32px;color:#403d3a}
.journal-feature .reading-copy .answer-lead strong{font-weight:500;color:#2f2c2a}
.budget-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0 20px}
.budget-card{background:#e9e2dc;padding:30px 25px 26px;position:relative;border-top:3px solid #827c76}
.budget-card:nth-child(2){background:#f1e6d3;border-top-color:#ad784c}
.budget-tag{font-size:10px;font-weight:600;letter-spacing:.14em;color:#494542}
.journal-feature .reading-copy .budget-amount{font:400 clamp(27px,3vw,43px)/1.1 var(--serif);letter-spacing:-.04em;margin:23px 0;color:#393634;white-space:nowrap}
.journal-feature .budget-card h3{font-size:24px;margin:18px 0 12px}
.journal-feature .reading-copy .budget-card p:not(.budget-amount){font-size:14px;line-height:1.8}
.source-jump{font-size:12px;display:inline-block;border-bottom:1px solid #726d68;padding-bottom:3px;margin-top:8px}
.journal-feature .reading-copy .budget-context{font-size:13px;line-height:1.8;padding-left:16px;border-left:2px solid #a16a3f;max-width:none}
.scope-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.scope-story{position:relative}.scope-number{display:block;font:italic 20px var(--serif);color:#8e5935;margin-top:20px}
.journal-feature .scope-story h3{font-size:25px;margin-top:10px}
.journal-feature .reading-copy .scope-story p{font-size:14px;line-height:1.75}
.scope-question{border-top:1px solid #c7c4c1;padding-top:15px}
.scope-drawing{height:150px;position:relative;background:#e9e9dd;border:1px solid #aeaaa7;overflow:hidden}
.draw-wall{position:absolute;inset:30px 0 0;background:#aeaaa7;border-top:1px solid #807a75}
.draw-ceiling{position:absolute;inset:0 0 auto;height:30px;border-bottom:3px solid #f8f3e4;background:#f8f3e4}
.draw-door{position:absolute;bottom:0;left:30px;width:45px;height:85px;background:#ebe3cc;border:5px solid #faf5e6;border-bottom:0;box-shadow:0 0 0 1px #a6a19d}
.draw-door:after{content:'';position:absolute;right:4px;top:40px;width:4px;height:4px;border-radius:50%;background:#805b3a}
.draw-trim{position:absolute;bottom:0;left:0;right:0;height:8px;border-top:1px solid #9e9994;background:#fbf8ed}
.scope-ceilings .draw-ceiling,.scope-complete .draw-ceiling{background:#b8b5b2}
.scope-complete .draw-door{background:#99948f;border-color:#87817b}.scope-complete .draw-trim{background:#87817b}
.journal-feature .reading-copy .figure-note{font-size:12px;line-height:1.75;color:#5a5653;margin-top:22px}
.cost-factors{display:grid;grid-template-columns:1fr 1fr;gap:30px 36px;margin:30px 0 36px}
.cost-factors>div{border-top:1px solid #c0bdba;padding-top:22px}.cost-factors>div>span{font:italic 28px var(--serif);color:#9b6843}
.journal-feature .cost-factors h3{font-size:27px;margin-top:12px}.journal-feature .reading-copy .cost-factors p{font-size:15px;line-height:1.85}
.craft-interlude{margin:35px 0 0;display:grid;grid-template-columns:1.3fr 1fr;background:#33302e;align-items:center}
.craft-interlude img{width:100%;height:270px;object-fit:cover;display:block}.craft-interlude figcaption{font:italic 25px/1.5 var(--serif);padding:32px;color:#fff7e6}
.craft-interlude figcaption span{display:block;font:500 9px/1.7 var(--sans);letter-spacing:.14em;color:#efbd91;margin-bottom:20px}
.room-explainer{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #bebbb8;background:#efeae6;margin:32px 0;align-items:start;min-width:0}
.room-diagram{margin:0;padding:20px 10px}.room-diagram svg{width:100%;height:auto;display:block}.room-diagram figcaption{font-size:11px;line-height:1.7;padding:10px 15px;color:#585450}
.room-calculation{padding:27px 24px;border-left:1px solid #c7c4c2;min-width:0}.area-results{margin:0}.area-results>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid #c7c4c2;padding:12px 0}
.area-results dt{font-size:13px}.area-results dd{font:32px/1.1 var(--serif);margin:0;color:#383533}.area-results small{font:11px var(--sans)}
.journal-feature .reading-copy .area-method{font-size:12px;line-height:1.8;margin:20px 0}
#article-room-form{margin:24px 0 0}#article-room-form fieldset{border:0;padding:0;margin:0}#article-room-form legend{font:500 12px/1.7 var(--sans);margin-bottom:10px}
.dimension-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dimension-fields label{font:12px/1.6 var(--sans);display:block;min-width:0}.dimension-fields input{width:100%;min-width:0;border:1px solid #87817c;background:#fffdf4;color:#2c2a29;padding:10px 6px;font:16px var(--sans);margin-top:5px;border-radius:0}
#article-room-form button{border:0;background:#3e3b38;color:#fff9e9;padding:13px 15px;font:500 12px/1.6 var(--sans);margin-top:14px;cursor:pointer;width:100%;min-height:44px}
.journal-feature .reading-copy .room-status{font-size:12px;line-height:1.6;margin:12px 0 0}.room-status:empty{display:none}
.editor-note{position:relative;padding:27px 30px;border-left:3px solid #af7b4f;background:#f0e6d4;margin:30px 0 0}
.editor-note>span{font-size:10px;letter-spacing:.14em;color:#774721;font-weight:600}.journal-feature .editor-note h3{margin-top:14px}.journal-feature .reading-copy .editor-note p{font-size:15px}
.journal-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px 35px}.journal-answers>div{padding:10px 0;border-top:1px solid #c4c1bf}.journal-feature .journal-answers h3{font-size:25px}.journal-feature .reading-copy .journal-answers p{font-size:15px}
.brief-checklist{list-style:none;padding:0;margin:28px 0}.brief-checklist li{position:relative;border-bottom:1px solid #c6c3c0;padding:15px 0 15px 30px}.brief-checklist li:before{content:'✓';position:absolute;left:0;top:15px;color:#54504c}
.journal-feature .pricing-sources{padding-bottom:0;border:0;margin-bottom:0}.journal-feature .reading-copy .pricing-sources h2{font-size:26px}.journal-feature .reading-copy .pricing-sources p,.journal-feature .reading-copy .pricing-sources li{font-size:12px;line-height:1.8}.pricing-sources ol{padding-left:19px}.pricing-sources li{margin-bottom:15px;overflow-wrap:anywhere}
.journal-feature [hidden]{display:none!important}
@media(min-width:1600px){.journal-feature .journal-cover h1{font-size:72px}}
@media(max-width:1100px){.journal-feature .article-layout{grid-template-columns:155px minmax(0,1fr);gap:5%;padding-inline:5%!important}.journal-feature .journal-cover{padding-inline:5%!important}.journal-feature .journal-cover figure img{height:500px}.budget-pair{gap:12px}.budget-card{padding:25px 18px}.scope-stories{gap:14px}.room-explainer{grid-template-columns:1fr}.room-calculation{border-left:0;border-top:1px solid #c7c4c2}.room-diagram{max-width:500px;margin:auto}.area-results{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.area-results>div{display:block}.area-results dd{margin-top:10px}.craft-interlude figcaption{font-size:23px;padding:25px}}
@media(max-width:899px){.journal-feature .article-layout{display:block;padding-top:0!important}.journal-feature .journal-contents{position:static;max-height:none;margin:0 0 40px;border-bottom:1px solid #c7c4c2;padding:24px 0}.journal-feature .journal-contents nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.contents-footer{display:flex;align-items:center;gap:25px;margin-top:18px}.print-guide{margin:0}.journal-feature .journal-cover{padding-top:34px!important}.journal-cover-grid{gap:5%}.journal-feature .journal-cover figure img{height:450px}.journal-feature .journal-cover h1{font-size:43px}.cover-note{font-size:22px;padding:20px;left:-16px;bottom:50px}.journal-feature .reading-copy h2{font-size:40px}.journal-feature .reading-copy .budget-amount{font-size:40px}.room-explainer{grid-template-columns:1.1fr 1fr}.room-calculation{border-left:1px solid #c7c4c2;border-top:0}.area-results{display:block}.area-results>div{display:flex}.area-results dd{margin:0}}
@media(max-width:620px){.journal-feature .journal-cover{padding:28px 6% 48px!important}.journal-cover-grid{grid-template-columns:1fr;gap:38px}.journal-feature .journal-cover h1{font-size:43px;max-width:16ch;margin:22px 0}.journal-feature .journal-cover figure{margin:0 5px 0 0;box-shadow:7px 9px 0 #e2d9d1;transform:none;padding:8px 8px 0}.journal-feature .journal-cover figure img{height:330px;object-position:center 60%}.cover-note{font-size:22px;left:12px;bottom:42px;max-width:250px;padding:17px 20px}.journal-cover figcaption{font-size:8px;padding:14px 4px}.journal-feature .journal-cover .article-date{font-size:12px}.journal-feature .article-layout{padding-inline:6%!important;padding-bottom:45px!important}.journal-feature .journal-chapter{padding-bottom:40px;margin-bottom:40px}.journal-feature .reading-copy h2{font-size:34px}.journal-feature .reading-copy .answer-lead{font-size:17px}.budget-pair{grid-template-columns:1fr;gap:15px}.budget-card{padding:25px}.journal-feature .reading-copy .budget-amount{font-size:37px}.scope-stories{grid-template-columns:1fr;gap:28px}.scope-story{display:grid;grid-template-columns:95px 1fr;column-gap:18px;align-items:start}.scope-drawing{grid-row:1/5;height:140px}.draw-door{left:15px;width:35px}.scope-number{margin:0}.journal-feature .scope-story h3{margin:6px 0 10px;font-size:25px}.journal-feature .scope-story p{margin:0 0 12px}.scope-question{padding-top:10px}.cost-factors,.journal-answers{grid-template-columns:1fr;gap:15px}.craft-interlude{grid-template-columns:1fr}.craft-interlude img{height:240px}.craft-interlude figcaption{padding:25px 28px;font-size:26px}.room-explainer{grid-template-columns:1fr}.room-calculation{border-left:0;border-top:1px solid #c7c4c2;padding:25px 20px}.room-diagram{padding:12px 4px}.room-diagram figcaption{font-size:11px}.area-results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.area-results>div{display:block}.area-results dt{font-size:11px}.area-results dd{font-size:28px;margin-top:10px}.area-results small{font-size:10px}.editor-note{padding:24px 22px}.chapter-label,.journal-feature .reading-copy .chapter-label{font-size:9px}.journal-feature .journal-contents nav a{font-size:11px;gap:8px}.journal-feature .journal-contents nav{gap:0 14px}.journal-feature .journal-cover .enquiry-actions{flex-direction:row;align-items:center}.journal-feature .journal-cover .enquiry-actions .button{font-size:12px;padding:16px 20px}}
@media print{.journal-feature header,.journal-feature footer,.journal-feature .journal-contents,.journal-feature .estimate,.journal-feature .related-editorial,.journal-feature .growth-resources,.journal-feature .enquiry-actions,.journal-feature #article-room-form,.journal-feature .cover-note,.journal-feature .back-to-top{display:none!important}.journal-feature main{padding:0!important}.journal-feature .journal-cover,.journal-feature .article-layout{display:block;padding:0!important}.journal-cover-grid{display:block}.journal-feature .journal-cover h1{font-size:32px;max-width:none}.journal-feature .journal-cover figure{display:none}.journal-feature .journal-chapter{break-inside:auto;margin-bottom:25px;padding-bottom:20px}.journal-feature .reading-copy{font-size:11pt}.journal-feature .reading-copy h2{font-size:24px;break-after:avoid}.budget-card,.scope-story,.editor-note,.room-explainer,.craft-interlude{break-inside:avoid}.journal-feature .scope-table-wrap{overflow:visible!important}.journal-feature .scope-table-wrap table{min-width:0!important}.journal-feature .craft-interlude figcaption{color:#302e2c}.journal-feature .craft-interlude{background:white}.journal-feature .pricing-sources a{overflow-wrap:anywhere}.journal-feature .pricing-sources a:after{content:' (' attr(href) ')';font-size:9pt}}
