
:root{--paper:#fffdfa;--ink:#2b231e;--muted:#695b51;--rose:#fff0e3;--accent:#a8440b;--field:#fff;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Arial,sans-serif}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.04em}a{color:var(--accent);text-underline-offset:4px}img{max-width:100%;height:auto}p{margin:0 0 22px}.masthead{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--rose)}.identity{display:flex;gap:14px;align-items:center;text-decoration:none;font-family:Georgia,serif;font-size:23px;color:var(--ink)}.identity img{width:94px;background:#3c2d29;padding:6px}.masthead nav{display:flex;gap:22px}.masthead nav a{font-size:14px;text-decoration:none;color:var(--ink);padding:10px 0;white-space:nowrap}.masthead nav a[aria-current]{text-decoration:underline}.opening{max-width:1250px;margin:auto;padding:65px 40px 50px}.mastnote{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}h1{font-size:clamp(3rem,6.5vw,6.6rem);max-width:1020px;margin:10px 0 26px}.intro{font-size:20px;max-width:720px;color:var(--muted)}.catalog-search{max-width:660px;margin-top:32px}.catalog-search label{display:block;font-size:13px;font-weight:bold;margin-bottom:8px}.catalog-search-row{display:flex;gap:0}input,button{font:inherit}input{width:100%;min-width:0;padding:13px;border:1px solid #ab8f81;background:var(--field);color:var(--ink);min-height:48px}input::placeholder{color:var(--muted);opacity:1}button{background:var(--accent);color:#fff;border:0;padding:13px 22px;min-height:48px;cursor:pointer}.catalogue-wrap{max-width:1250px;margin:auto;padding:0 40px 45px}.catalogue-wrap>h2{font-size:35px}.catalogue,.category-grid,.category-catalog,.browse-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.catalogue>div{display:contents}.catalogue>a,.catalogue a{display:block;text-decoration:none;color:var(--ink)}.catalogue img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.catalogue strong,.catalogue b{display:block;font-weight:normal;font-family:Georgia,serif;font-size:21px;margin-top:10px}.catalogue small{display:none}.stories{max-width:1000px;margin:auto;padding:15px 40px 70px}.story{display:grid;grid-template-columns:270px 1fr;column-gap:50px;padding:42px 0}.story h2{font-size:32px;grid-column:1;grid-row:1/20;margin:0}.story p{grid-column:2}.budget{padding:30px;background:var(--rose);margin:12px 0 35px}.finds-cost-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.finds-cost-fields label{font-size:14px;font-weight:bold}.finds-cost-total{display:block;font-weight:bold;padding:20px 0}footer{background:#422a21;color:#fff6ef;padding:55px 7%;font-size:14px}footer h2{font-size:40px;margin:0 0 20px}footer a{color:#ffdec8}footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px;margin:30px 0}footer nav a{padding:8px 0}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media(max-width:900px){.masthead{display:block}.masthead nav{overflow-x:auto;gap:22px;margin-top:20px}.story{grid-template-columns:1fr}.story h2{grid-row:auto;grid-column:1;margin-bottom:22px}.story p{grid-column:1}}@media(max-width:600px){body{font-size:16px}.masthead{padding:18px 22px}.opening{padding:42px 22px 30px}.intro{font-size:18px}.catalogue-wrap{padding:0 22px 25px}.catalogue,.category-grid,.category-catalog,.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.catalogue strong{font-size:18px}.stories{padding:0 22px 45px}.story{padding:30px 0}.story h2{font-size:30px}.finds-cost-fields{grid-template-columns:1fr}.budget{padding:22px}footer{padding:40px 22px}footer nav{grid-template-columns:1fr}button{padding:12px 16px}}@media(prefers-color-scheme:dark){:root{--paper:#231a17;--ink:#fff0e6;--muted:#d8baaa;--rose:#402b23;--accent:#ffb58e;--field:#2d201b;color-scheme:dark}button{background:#93472d;color:#fff}.identity img{background:#2c201d}footer{background:#17100d}.catalogue img{opacity:.94}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#finds-cost-total{display:block;padding:20px 0;font-weight:700}.catalogue a{min-width:0}.catalogue img{max-width:none}

@media(max-width:600px){.masthead nav{flex-wrap:wrap;gap:0 19px;overflow:visible}.masthead nav a{min-height:44px;display:flex;align-items:center}}

.catalog-search-row button{white-space:nowrap;flex-shrink:0}
@media(max-width:600px){.opening:has(.catalog-search){padding-top:28px;padding-bottom:18px}.opening:has(.catalog-search) h1{font-size:clamp(2.5rem,11vw,2.75rem);margin:8px 0 22px}.catalog-search{margin-top:24px}}


/* Best Finds: a short editorial front page, with reading chapters behind it. */
.masthead{background:#24201e}.masthead .identity,.masthead nav a{color:#fff9f3}.identity img{background:transparent}.identity,.masthead nav a{min-height:44px}.home-edit .catalogue{grid-template-columns:repeat(3,minmax(0,1fr))}.category-guide-link{margin:26px 0 0;font-size:15px}.finds-overview{max-width:1170px;margin:auto;padding:0 40px 65px}.finds-overview a,.category-guide-link a{display:inline-block;min-height:44px;padding:8px 0;font-size:15px}.section-kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.editors-introduction{max-width:830px;margin:30px auto 60px;text-align:center}.editors-introduction>h2{font-size:48px;margin:0 auto 24px;max-width:750px}.editor-lead{font-family:Georgia,serif;font-size:25px;line-height:1.6;margin-bottom:10px}.editors-reason{max-width:650px;margin:25px auto 0}.editors-reason h2{font-size:25px;margin-bottom:15px}.editors-reason p{font-size:16px;margin-bottom:7px}.first-purchase{display:grid;grid-template-columns:230px 1fr;gap:65px;padding:40px 0 55px}.purchase-intro>p:last-child{font-family:Georgia,serif;font-size:23px;line-height:1.5}.purchase-copy article+article{margin-top:32px}.purchase-copy h2{font-size:31px;margin:0 0 18px}.purchase-copy p{margin:0 0 8px}.agent-feature{background:var(--rose);padding:42px;margin:0 -25px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px}.agent-feature h2{font-size:38px;margin:0 0 22px}.agent-feature p:not(.section-kicker){font-size:17px;margin-bottom:8px}.agent-fit{padding-top:32px}.agent-fit h2{font-size:29px}.read-next{padding:55px 0 0}.read-next>h2{font-size:52px;margin:0 0 28px}.reading-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.reading-index a{text-decoration:none;display:block}.reading-index strong{font-family:Georgia,serif;font-weight:400;font-size:28px;display:block;margin-bottom:10px}.reading-index span{display:block;color:var(--muted);font-size:16px}.reading-index a:hover strong{text-decoration:underline}.reading-extras{display:flex;flex-wrap:wrap;gap:0 30px;margin:23px 0 0}.article-contents{margin-top:28px;display:flex;flex-wrap:wrap;gap:0 23px;font-size:14px}.article-contents span{width:100%;color:var(--muted);font-size:12px;margin-bottom:7px}.article-contents a{min-height:44px;display:inline-flex;align-items:center}.guide-index>div{grid-column:2}.guide-index ul{padding-left:18px}.guide-index li{margin:10px 0}h2[id]{scroll-margin-top:24px}
@media(max-width:900px){.guide-index>div{grid-column:1}.first-purchase{grid-template-columns:180px 1fr;gap:35px}.agent-feature{gap:35px;padding:30px}}@media(max-width:650px){.home-edit .catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.finds-overview{padding:0 22px 40px}.editors-introduction{margin:25px auto 35px;text-align:left}.editors-introduction>h2{font-size:36px}.editor-lead{font-size:22px;line-height:1.55}.editors-reason h2{font-size:27px}.first-purchase{display:block;padding:15px 0 40px}.purchase-intro{max-width:340px;margin-bottom:25px}.purchase-intro>p:last-child{font-size:22px}.purchase-copy h2{font-size:30px}.agent-feature{display:block;margin:0 -22px;padding:30px 22px}.agent-feature h2{font-size:34px}.agent-fit{padding-top:26px}.agent-fit h2{font-size:29px}.read-next{padding-top:35px}.read-next>h2{font-size:42px}.reading-index{display:block}.reading-index a{margin-bottom:16px}.reading-index strong{font-size:28px;margin-bottom:4px}.reading-extras{margin-top:10px}.article-contents a{font-size:13px}.article-contents{gap:0 17px}}

.masthead nav a{min-width:44px}footer nav a{min-height:44px}

/* Round7: editorial product context and genuine Hoobuy walkthroughs. */
.editorial-photo{margin:22px 0 0}.editorial-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.editorial-photo figcaption,.official-film figcaption,.official-step figcaption{font-size:13px;color:var(--muted);line-height:1.6;margin-top:9px}.editors-introduction>.editorial-photo{margin:32px auto 0;max-width:700px;text-align:left}.purchase-intro>.editorial-photo{margin-top:24px}.purchase-intro>.editorial-photo figcaption{font-size:12px}.official-film{margin:0}.official-film>a{display:block;padding:0;text-decoration:none}.official-film img{display:block;width:100%;height:auto}.official-film span{display:block;font-size:15px;min-height:44px;padding:10px 0;text-decoration:underline}.read-next>.official-film{float:right;width:37%;margin:0 0 28px 40px}.read-next .reading-index{display:block;margin-right:44%}.read-next .reading-index a{margin-bottom:16px}.read-next .reading-index strong{font-size:26px;margin-bottom:3px}.read-next .reading-extras{clear:both}.guide-index>.guide-index-cover{grid-column:1;grid-row:1/20}.guide-index-cover h2{margin-bottom:24px}.guide-index-cover .official-film{margin-top:24px}.guide-index-cover .official-film span{font-size:14px}.official-step{grid-column:1/-1;margin:25px 0 0}.official-step>a{display:block}.official-step img{display:block;width:100%;height:auto;background:#fff}.official-step figcaption a{display:inline-block;min-height:44px;padding:10px 0}.story>.editorial-photo{grid-column:2}.read-next:after{content:"";display:block;clear:both}@media(max-width:900px){.guide-index>.guide-index-cover{grid-row:auto;grid-column:1}.guide-index-cover .official-film{max-width:460px;margin-bottom:25px}.story>.editorial-photo{grid-column:1}}@media(max-width:650px){.editors-introduction>.editorial-photo{margin-top:25px}.purchase-intro>.editorial-photo{max-width:340px}.read-next>.official-film{float:none;width:100%;margin:0 0 22px}.read-next .reading-index{margin-right:0}.official-step{margin-top:20px}.official-film span{font-size:14px}.guide-index li a{display:inline-flex;min-height:44px;align-items:center}.guide-index li{margin:4px 0}}

footer>a{display:inline-flex;align-items:center;min-height:44px}
