/* Shared editorial quality, deliberately varied article compositions. */
.guide-page{--room-accent:#8d632f;--room-tint:#eee5d6}.editorial-aside{font-family:Georgia,serif;font-style:italic;color:var(--room-accent);font-size:17px;line-height:1.5;max-width:560px;margin-top:25px}.editorial-stamp{font:11px/1.4 monospace;letter-spacing:.12em;color:var(--room-accent);margin:0 0 24px}.guide-page .eyebrow{color:var(--room-accent)}.guide-page .guide-body a,.guide-page .guide-link b{color:var(--room-accent)}.editorial-note{padding:24px 0 24px 27px;border-left:3px solid var(--room-accent);margin:27px 0;background:linear-gradient(90deg,var(--room-tint),transparent)}.editorial-note h3{margin:0 0 14px;font-size:26px}.editorial-note p{font-size:16px}.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-block:1px solid #c8bba4;margin:28px 0;padding:25px 0}.comparison-pair h3{margin-top:0}.editorial-timeline{list-style:none;counter-reset:evening;padding:0!important;border-left:1px solid #bbab91;margin:30px 0 30px 15px}.editorial-timeline li{position:relative;padding:0 0 25px 28px;font-size:16px;counter-increment:evening}.editorial-timeline li:before{content:counter(evening,decimal-leading-zero);position:absolute;left:-16px;top:0;background:#faf7ef;font:12px/25px monospace;color:var(--room-accent);width:32px;text-align:center}.editorial-timeline strong{display:block}.interactive-checklist{border-block:1px solid #c8bba4;padding:12px 0;margin:25px 0}.interactive-checklist label{display:flex;align-items:flex-start;gap:14px;padding:12px 0;font-size:16px;cursor:pointer}.interactive-checklist input{accent-color:#395e58;width:19px;height:19px;flex:none;margin-top:5px}.interactive-checklist label:has(input:checked){color:#6a7470;text-decoration:line-through}.activity-options{display:grid;gap:0;border-top:1px solid #c8bba4;margin:25px 0}.activity-options section{border-bottom:1px solid #c8bba4;padding:24px 0;margin:0!important}.activity-options h3{margin:0 0 12px}.activity-list{padding-left:30px!important;counter-reset:item}.activity-list li{padding-left:10px;margin-bottom:28px}.activity-list h3{margin:0 0 13px;font-size:28px}.activity-list p{font-size:16px}.reset-strip{display:flex;gap:15px;flex-wrap:wrap;margin:27px 0;font:12px/1.5 monospace;letter-spacing:.08em;text-transform:uppercase;color:#396c65}.reset-strip span+span:before{content:'→';margin-right:15px}.guide-body p{max-width:100%}.guide-page .guide-opening h1{overflow-wrap:break-word}
/* A light magazine feature. */
.layout-editorial{--room-accent:#8d632f}.layout-editorial .guide-opening{grid-template-columns:1.4fr .6fr}.layout-editorial .guide-opening figure{transform:rotate(2deg)}.layout-editorial .guide-opening h1{font-size:clamp(45px,5.4vw,70px)}
/* A two-person evening: dark plum masthead, circular scene, reversed balance. */
.layout-duet{--room-accent:#79566c;--room-tint:#efe4e9}.layout-duet .guide-opening{background:#30232f;color:#faf5ed;max-width:none;padding:65px max(42px,calc((100% - 1156px)/2));grid-template-columns:1fr 1fr;gap:60px}.layout-duet .guide-opening>div{order:2}.layout-duet .guide-opening figure{order:1}.layout-duet .guide-opening figure img{border-radius:50%;aspect-ratio:1;box-shadow:none}.layout-duet .guide-opening figcaption{color:#c9baca}.layout-duet .guide-opening .eyebrow,.layout-duet .editorial-aside{color:#e9c2a9}.layout-duet .guide-intro,.layout-duet .guide-byline{color:#e0d6df}.layout-duet .guide-opening h1{font-size:clamp(39px,4.1vw,56px)}
/* The practical organiser: warm paper, no repeated hero photograph. */
.layout-planner{--room-accent:#926126;--room-tint:#f0e4cb}.text-opening{grid-template-columns:1.5fr .5fr;align-items:start;gap:55px}.text-opening aside{border-top:2px solid var(--room-accent);padding-top:4px}.editorial-mark{display:block;font:140px/.9 Georgia,serif;letter-spacing:-.08em;color:#dac4a0;margin-top:35px}.layout-planner .guide-opening{background:linear-gradient(115deg,#f5eddd,transparent);padding-top:45px}.layout-planner .guide-body>section{counter-increment:planner}.layout-planner .guide-body>section h2:before{content:counter(planner,decimal-leading-zero) ' / ';font:12px/1 monospace;vertical-align:middle;letter-spacing:.06em;color:#926126;display:block;margin-bottom:12px}
/* A visual comparison: a typographic centrepiece and wide balanced bands. */
.layout-comparison{--room-accent:#33716b;--room-tint:#dfede8}.compare-opening{display:block;text-align:center;max-width:1100px;padding-top:40px}.compare-opening h1{margin:auto;max-width:980px;font-size:clamp(40px,4.8vw,64px)}.compare-opening .guide-intro{margin:28px auto 0;max-width:760px}.compare-opening .editorial-aside{margin:25px auto 0}.choice-banner{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;margin:40px 0 0;padding:28px 35px;background:#163e3d;color:#f8f2e4;font:33px/1.15 Georgia,serif}.choice-banner span{padding:0 15px}.choice-banner i{font-size:23px;color:#d8b57e}.layout-comparison .guide-layout{grid-template-columns:200px minmax(0,820px);gap:50px}
/* A case notebook, ruled details and a narrow reading column. */
.layout-notebook{--room-accent:#335d6d;--room-tint:#e4ecee}.layout-notebook .guide-opening{background:repeating-linear-gradient(0deg,transparent 0 34px,#cbd5d344 34px 35px);padding-top:45px;padding-bottom:45px}.layout-notebook .editorial-stamp{display:inline-block;border:1px solid #335d6d;padding:7px 10px;transform:rotate(-2deg)}.layout-notebook .guide-body{border-left:1px solid #b58c7f66;padding-left:35px}.layout-notebook .editorial-mark{color:#b0c3c7;transform:rotate(-7deg)}.layout-notebook .guide-opening h1{font-size:clamp(40px,4.6vw,60px)}
/* A calm troubleshooting page with an unmistakably different opening. */
.layout-rescue{--room-accent:#286657;--room-tint:#e0ede4}.layout-rescue .guide-opening{background:#123e36;color:#f9f4e8;padding:48px}.layout-rescue .guide-intro,.layout-rescue .guide-byline{color:#cbded3}.layout-rescue .guide-opening .eyebrow,.layout-rescue .editorial-stamp,.layout-rescue .editorial-aside{color:#e3c68e}.layout-rescue .editorial-mark{color:#779f8a}.layout-rescue .text-opening aside{border-color:#e3c68e}.layout-rescue .guide-opening h1{font-size:clamp(42px,5vw,65px)}
/* A full illustrated seasonal feature, with readable copy on a dark fade. */
.layout-feature{--room-accent:#97562f;--room-tint:#f2e2cf}.feature-opening{position:relative;min-height:680px;background:#17252c;color:#fff5e5;display:flex;align-items:center;isolation:isolate}.feature-opening>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.feature-opening:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10202df5 0%,#10202de6 31%,#10202d73 66%,#10202d14);z-index:-1}.feature-copy{width:100%;padding-top:65px;padding-bottom:65px}.feature-copy h1{max-width:760px;font-size:clamp(42px,5.5vw,72px)}.feature-copy .eyebrow{color:#f0c68e}.feature-copy .guide-intro{max-width:580px;color:#f3e8d8}.feature-copy .guide-byline{color:#d7caba}.feature-caption{font-size:10px;color:#687371;padding-top:14px;padding-bottom:15px}.feature-caption .editorial-aside{display:inline;font-size:14px;margin-left:15px}.layout-feature .guide-layout{grid-template-columns:220px minmax(0,740px)}
/* A relaxed illustrated list, art first and a brighter accent. */
.layout-list{--room-accent:#33756f;--room-tint:#dfebe5}.layout-list .guide-opening{grid-template-columns:1fr 1fr;gap:50px}.layout-list .guide-opening>div{order:2}.layout-list .guide-opening figure{order:1}.layout-list .guide-opening figure img{aspect-ratio:4/5;object-position:38% center;box-shadow:-14px 14px 0 #d4e3db}.layout-list .guide-opening h1{font-size:clamp(40px,4.4vw,59px)}.layout-list .activity-list li::marker{font:italic 27px Georgia,serif;color:#33756f}
/* The book-club salon: generous serif type and an arch of artwork. */
.layout-salon{--room-accent:#854e51;--room-tint:#f0e1dc}.layout-salon .guide-opening{grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,#f1e3dc,transparent);padding-top:45px}.layout-salon .guide-opening figure img{border-radius:46% 46% 0 0;aspect-ratio:4/5;box-shadow:none}.layout-salon .guide-opening h1{font-size:clamp(43px,4.8vw,65px)}.layout-salon .guide-body h2{color:#573338}.layout-salon .editorial-aside{font-size:20px}
/* Slow living: centred opening, generous space and a panoramic illustration. */
.layout-slow{--room-accent:#4c7160;--room-tint:#e6ece3;background:#f8faf5}.slow-opening{display:block;text-align:center;padding-top:45px}.slow-opening h1{margin:auto;max-width:940px;font-size:clamp(43px,5vw,68px)}.slow-opening .guide-intro,.slow-opening .editorial-aside{margin:25px auto 0;max-width:760px}.slow-opening figure{margin-top:40px}.slow-opening figure img{aspect-ratio:2.5;box-shadow:none}.slow-opening figcaption{max-width:none}.layout-slow .guide-layout{grid-template-columns:180px minmax(0,730px);gap:70px}
/* The directory is a small magazine, not a wall of identical cards. */
.reading-cover{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding-top:60px;padding-bottom:60px}.reading-cover h1{font-size:clamp(48px,5.8vw,78px);line-height:1.02;max-width:650px}.reading-cover h1 em{color:#9b5d32}.reading-cover p:not(.eyebrow){font-size:19px;color:#4b5958;line-height:1.7;margin-top:25px}.reading-cover img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;box-shadow:15px 15px 0 #d5e4dc;transform:rotate(1.5deg)}.cover-link{display:block;margin-top:28px;font-size:14px;color:#85562d;text-underline-offset:5px;max-width:380px}.reading-directory{padding-top:45px;border-top:1px solid #c9c3b7}.reading-directory-top{display:flex;align-items:end;justify-content:space-between;gap:30px}.reading-directory-top h2{max-width:650px;font-size:39px}.reading-directory-top p{font-size:13px;color:#637071}.room-filters{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 16px}.room-filters button{background:transparent;border:1px solid #a7b9ad;color:#34554b;padding:10px 16px;border-radius:30px;font-size:13px}.room-filters [aria-pressed=true]{background:#234a42;color:#fff7e8;border-color:#234a42}.room-filter-status{font:11px/1.6 monospace;color:#657172;margin-bottom:20px}.reading-directory .guide-hub-list{padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.reading-directory .guide-link{padding:24px 0 28px;min-width:0}.reading-directory .guide-link h3{font-size:31px}.reading-directory .guide-link:nth-child(4n+1){border-top-color:#9b5d32}.reading-directory .guide-link:nth-child(4n+2){border-top-color:#33756f}.reading-directory .guide-link:nth-child(4n+3){border-top-color:#854e51}.reading-directory .guide-link:nth-child(4n+4){border-top-color:#335d6d}.reading-directory .topic-feature{background:#202e35;color:#fff4e5;padding:24px!important;border-top:0}.reading-directory .topic-feature span,.reading-directory .topic-feature b{color:#f0c58d}.reading-directory .topic-feature p{color:#e6dccc}.reading-directory .topic-notebook{background:repeating-linear-gradient(0deg,transparent 0 33px,#cad5d44d 33px 34px)}.reading-directory .topic-slow{font-style:italic}.reading-directory [hidden]{display:none!important}
@media(max-width:1000px){.reading-cover{gap:32px}.reading-directory .guide-hub-list{grid-template-columns:1fr 1fr}.layout-duet .guide-opening{gap:35px;padding:45px}.text-opening{grid-template-columns:1.5fr .5fr;gap:30px}.feature-copy h1{max-width:650px}.editorial-mark{font-size:100px}.layout-comparison .guide-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}}
@media(max-width:760px){.guide-page .guide-opening,.layout-list .guide-opening,.layout-duet .guide-opening,.layout-salon .guide-opening,.text-opening{grid-template-columns:1fr;gap:28px}.guide-page .guide-opening{padding-top:30px;padding-bottom:30px}.guide-page .guide-opening h1{font-size:38px}.guide-page .guide-opening figure{transform:none;order:2}.guide-page .guide-opening>div{order:1}.layout-duet .guide-opening{padding:35px 22px}.layout-duet .guide-opening figure img{max-width:360px;margin:auto}.layout-duet .guide-opening figcaption{max-width:none}.text-opening aside{display:none}.layout-rescue .guide-opening{padding:30px 22px}.layout-notebook .guide-body{padding-left:18px}.layout-comparison .guide-layout,.layout-feature .guide-layout,.layout-slow .guide-layout{grid-template-columns:1fr;gap:28px}.choice-banner{font-size:24px;gap:10px;padding:25px 12px}.choice-banner span{padding:0}.choice-banner i{font-size:18px}.compare-opening .guide-intro{text-align:left}.feature-opening{min-height:690px}.feature-copy h1{font-size:41px;max-width:100%}.feature-copy .guide-intro{font-size:17px}.feature-opening:after{background:linear-gradient(90deg,#10202de8,#10202dbb)}.feature-caption .editorial-aside{display:block;margin:12px 0}.layout-list .guide-opening figure img,.layout-salon .guide-opening figure img{aspect-ratio:16/9;border-radius:0;box-shadow:none}.slow-opening figure img{aspect-ratio:16/9}.comparison-pair{grid-template-columns:1fr;gap:15px}.activity-list{padding-left:24px!important}.activity-list h3{font-size:27px}.reading-cover{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:40px}.reading-cover h1{font-size:48px}.reading-cover img{aspect-ratio:16/10;box-shadow:8px 8px 0 #d5e4dc;transform:none}.reading-directory-top{display:block}.reading-directory-top h2{font-size:33px}.reading-directory-top p{margin-top:15px}.reading-directory .guide-hub-list{grid-template-columns:1fr;gap:15px}.room-filters{gap:9px}.room-filters button{font-size:12px;padding:9px 13px}.reading-directory .guide-link h3{font-size:32px}.editorial-aside{font-size:16px}.guide-related .guide-links{grid-template-columns:1fr}.guide-page .guide-byline{font-size:11px}.editorial-note{padding:20px}.editorial-note h3{font-size:25px}}
@media(max-width:380px){.guide-page .guide-opening h1{font-size:33px}.feature-copy h1{font-size:35px}.reading-cover h1{font-size:42px}.feature-opening{min-height:760px}.choice-banner{font-size:21px}}
@media print{.editorial-aside,.editorial-mark,.feature-opening>img,.choice-banner,.room-filters{display:none}.guide-page .guide-opening,.feature-opening{display:block;min-height:0;background:white;color:black;padding:0}.feature-opening:after{display:none}.feature-copy{padding:0}.feature-copy h1{font-size:30pt}.feature-copy .guide-intro,.feature-copy .guide-byline{color:black}.guide-body{border:0!important;padding:0!important}.interactive-checklist input{appearance:auto}}