@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #f3ecda;--bg-card: #fffbef;--bg-tint: #e6d9b8;--ink: #1d1612;--ink-soft: #463a30;--ink-muted: #8a7868;--rule: #d8c8a3;--accent: #c45331;--accent-soft: #f0cfbe;--accent-ink: #762d12;--role-starter-bg: #e7dfc5;--role-starter-ink: #5d4f1f;--role-budget-bg: #d8e4d6;--role-budget-ink: #3a5a3a;--role-upgrade-bg: #e3d6e6;--role-upgrade-ink: #5a3a5d;--role-specialty-bg: #d8dfe6;--role-specialty-ink: #3a4a5d;--serif: "Fraunces", "Iowan Old Style", "Georgia", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-w: 760px;--max-w-wide: 1080px}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;color:var(--ink);margin:0}h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;font-weight:500}h2{font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.15;margin:0 0 .5rem}h3{font-size:1.25rem;line-height:1.25}p{margin:0 0 1rem;color:var(--ink-soft)}a{color:var(--accent-ink);text-decoration-color:var(--accent-soft);text-underline-offset:3px}a:hover{text-decoration-color:var(--accent)}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.25rem}.container-wide{max-width:var(--max-w-wide);margin:0 auto;padding:0 1.25rem}.section{padding:3.5rem 0;border-top:1px solid var(--rule)}.section:first-of-type{border-top:none}.eyebrow{font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.hero-image{width:100%;height:clamp(320px,45vw,520px);object-fit:cover;border-radius:16px;margin:2rem 0 0;display:block}.hero-image-credit{font-size:.78rem;color:var(--ink-muted);margin-top:.5rem;text-align:right}.hero-image-credit a{color:var(--ink-muted)}.category-image{width:100%;height:220px;object-fit:cover;border-radius:12px;margin:0 0 .5rem;display:block}.image-credit{font-size:.75rem;color:var(--ink-muted);margin:0 0 1.25rem;text-align:right}.image-credit a{color:var(--ink-muted);text-decoration-color:var(--rule)}.product-image{width:100%;height:180px;object-fit:contain;background:var(--bg-tint);border-radius:8px;margin-bottom:1rem}.category-variants{background:var(--bg-tint);border-radius:12px;padding:1.5rem 1.25rem;margin:0 0 2rem}.variants-header{margin-bottom:1.25rem}.variants-header h4{font-family:var(--serif);font-size:1.15rem;font-weight:600;margin:0 0 .3rem;color:var(--ink)}.variants-sub{font-size:.88rem;color:var(--ink-soft);margin:0}.variants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.variants-grid[data-count="2"],.variants-grid[data-count="4"]{grid-template-columns:repeat(2,1fr)}@media(max-width:720px){.variants-grid,.variants-grid[data-count="2"],.variants-grid[data-count="4"]{grid-template-columns:1fr}}.variant-card{background:var(--bg-card);border:1px solid var(--rule);border-radius:10px;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column}.variant-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.variant-icon{display:inline-flex;width:30px;height:36px;color:var(--accent);flex-shrink:0}.variant-icon svg{width:100%;height:100%}.variant-card h5{font-family:var(--serif);font-size:1rem;font-weight:600;margin:0;color:var(--ink);line-height:1.2}.variant-summary{font-size:.86rem;color:var(--ink-soft);margin:0 0 .85rem;line-height:1.45}.variant-specs{display:grid;grid-template-columns:auto 1fr;gap:.2rem .6rem;margin:0 0 .85rem;padding:.6rem .7rem;background:var(--bg-tint);border-radius:6px;font-size:.78rem}.variant-specs dt{color:var(--ink-muted);font-weight:500;letter-spacing:.02em;text-transform:uppercase;font-size:.7rem;align-self:center}.variant-specs dd{margin:0;color:var(--ink);font-weight:500;font-family:var(--serif);font-size:.85rem}.variant-best-for,.variant-tradeoff{font-size:.82rem;color:var(--ink-soft);margin:0 0 .4rem;line-height:1.45}.variant-best-for strong,.variant-tradeoff strong{display:inline;color:var(--ink);font-weight:600}.variant-tradeoff{color:var(--ink-muted)}.variant-pick{margin-top:auto;padding-top:.6rem;font-size:.85rem;font-weight:600;color:var(--accent-ink);text-decoration:none;border-top:1px solid var(--rule)}.variant-pick:hover{color:var(--accent)}.closing-image-section{padding:0 0 3rem}.closing-image{width:100%;height:clamp(280px,40vw,440px);object-fit:cover;border-radius:16px;display:block}.going-further-block{margin-bottom:2.5rem}.going-further-block:last-child{margin-bottom:0}.going-further-block h3{font-family:var(--serif);font-size:1.15rem;font-weight:600;margin-bottom:.75rem;color:var(--ink)}.related-list,.category-list,.sources-list{list-style:none;padding:0;margin:0}.related-list li,.category-list li{display:inline-block;margin:0 .75rem .5rem 0}.related-list a,.category-list a{display:inline-block;padding:.5rem .9rem;background:var(--bg-tint);color:var(--ink);text-decoration:none;border-radius:100px;font-size:.92rem;font-weight:500;text-transform:capitalize;transition:background .15s ease}.related-list a:hover,.category-list a:hover{background:var(--accent-soft);color:var(--accent-ink)}.sources-list li{padding:.65rem 0;border-bottom:1px solid var(--rule);line-height:1.5}.sources-list li:last-child{border-bottom:none}.sources-list a{font-weight:600;color:var(--accent-ink);text-decoration:none;border-bottom:1.5px solid var(--accent-soft)}.sources-list a:hover{border-bottom-color:var(--accent)}.sources-list .source-note{color:var(--ink-soft);font-size:.92rem}.companion-callout{display:block;margin-top:1.75rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:8px;text-decoration:none;color:var(--ink);max-width:600px;transition:border-color .15s ease,transform .15s ease}.companion-callout:hover{border-color:var(--accent);transform:translateY(-1px)}.companion-callout .companion-eyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}.companion-callout .companion-title{display:block;font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--ink);margin-bottom:.3rem}.companion-callout .companion-lede{display:block;font-size:.92rem;color:var(--ink-soft);line-height:1.45}.skill-guide .eyebrow a{color:var(--accent);text-decoration:none}.skill-guide .eyebrow a:hover{text-decoration:underline}.skill-guide h2{margin-top:3rem}.skill-guide h3{font-family:var(--serif);font-size:1.15rem;font-weight:600;margin:2rem 0 .5rem;max-width:700px}.skill-guide hr{border:none;border-top:1px solid var(--rule);margin:3rem 0 2rem;max-width:700px}.skill-guide em{font-style:italic;color:var(--ink)}.skill-guide strong{color:var(--ink);font-weight:600}.skill-guide a{color:var(--accent-ink);text-decoration-color:var(--accent-soft);text-underline-offset:3px}.body-figure{margin:2.5rem 0;max-width:700px}.body-figure img{width:100%;height:auto;border-radius:12px;display:block}.body-figure figcaption{font-size:.78rem;color:var(--ink-muted);margin-top:.5rem;text-align:right}.body-figure figcaption a{color:var(--ink-muted);text-decoration-color:var(--rule)}.prose-page{padding:4rem 0 3rem}.prose-page h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:1.5rem;max-width:700px}.prose-page h2{font-size:1.4rem;margin:2.5rem 0 .85rem;max-width:700px}.prose-page p,.prose-page ul,.prose-page ol{font-size:1.05rem;line-height:1.7;color:var(--ink-soft);max-width:700px;margin-bottom:1rem}.prose-page p.lede{font-size:1.18rem;line-height:1.55;color:var(--ink);font-weight:400;margin-bottom:1.5rem}.prose-page p.last-updated{font-size:.85rem;color:var(--ink-muted);margin:-.5rem 0 2rem}.prose-page ul,.prose-page ol{padding-left:1.5rem}.prose-page li{margin-bottom:.6rem}.home-hero{padding:5rem 0 3rem}.home-hero h1{max-width:720px}.home-hero .hero-intro{margin-top:1.5rem;max-width:620px}.home-hero-image{width:100%;height:clamp(320px,45vw,540px);object-fit:cover;border-radius:16px;margin:2.5rem 0 0;display:block}.home-topics{padding:1.5rem 0 2.5rem}.home-topic-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem}.home-topic-list a{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:var(--bg-tint);color:var(--ink);text-decoration:none;border-radius:100px;font-size:.95rem;font-weight:500;text-transform:capitalize;transition:background .15s ease}.home-topic-list a:hover{background:var(--accent-soft);color:var(--accent-ink)}.home-topic-list .topic-count{font-family:var(--serif);font-size:.78rem;color:var(--ink-muted);background:var(--bg-card);padding:.1rem .4rem;border-radius:4px;font-weight:600}.home-guides{padding:3rem 0 4rem;border-top:1px solid var(--rule)}.home-guides h2{margin:.5rem 0 2rem}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.home-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--rule);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .15s ease,transform .15s ease}.home-card:hover{border-color:var(--accent);transform:translateY(-2px)}.home-card-image{aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-tint)}.home-card-image img{width:100%;height:100%;object-fit:cover;display:block}.home-card-body{padding:1.25rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}.home-card-body h3{font-family:var(--serif);font-size:1.5rem;font-weight:600;margin:0 0 .55rem;color:var(--ink)}.home-card-body p{font-size:.95rem;color:var(--ink-soft);line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-card-cta{margin-top:auto;font-size:.9rem;font-weight:600;color:var(--accent-ink)}.home-methodology{padding:3rem 0 5rem;border-top:1px solid var(--rule)}.methodology-card{background:var(--bg-tint);border-radius:14px;padding:2.5rem 2rem;max-width:700px}.methodology-card h2{margin:.5rem 0 1rem}.methodology-card p{font-size:1.05rem;line-height:1.6;color:var(--ink-soft);margin-bottom:1.25rem}.methodology-link{font-weight:600;color:var(--accent-ink);text-decoration:none;border-bottom:1.5px solid var(--accent-soft)}.methodology-link:hover{border-bottom-color:var(--accent)}.topic-page .eyebrow a{color:var(--accent);text-decoration:none}.topic-page .eyebrow a:hover{text-decoration:underline}.topic-hobby-list{list-style:none;padding:0;margin:2.5rem 0 0;max-width:700px}.topic-hobby-list li{margin-bottom:1.25rem}.topic-hobby-list a{display:grid;grid-template-columns:180px 1fr;gap:1.25rem;background:var(--bg-card);border:1px solid var(--rule);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .15s ease,transform .15s ease}.topic-hobby-list a:hover{border-color:var(--accent);transform:translateY(-1px)}@media(max-width:600px){.topic-hobby-list a{grid-template-columns:1fr}.topic-hobby-list img{height:160px!important}}.topic-hobby-list img{width:100%;height:100%;object-fit:cover;display:block}.topic-hobby-content{padding:1.25rem 1.25rem 1.25rem 0}@media(max-width:600px){.topic-hobby-content{padding:1rem 1.25rem 1.25rem}}.topic-hobby-content h2{font-family:var(--serif);font-size:1.35rem;font-weight:600;margin:0 0 .5rem;color:var(--ink)}.topic-hobby-content p{font-size:.92rem;color:var(--ink-soft);line-height:1.5;margin:0 0 .75rem}.topic-hobby-cta{font-size:.88rem;font-weight:600;color:var(--accent-ink)}.site-header{padding:1.25rem 0;border-bottom:1px solid var(--rule)}.site-header-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem}.site-header .wordmark{font-family:var(--serif);font-size:1.35rem;font-weight:600;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.wordmark .accent{color:var(--accent)}.primary-nav{display:flex;gap:1.75rem}.primary-nav a{color:var(--ink-soft);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .15s ease}.primary-nav a:hover{color:var(--accent-ink)}.site-footer{padding:3.5rem 0 2.5rem;border-top:1px solid var(--rule);background:var(--bg-tint);margin-top:2rem}.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:3rem}@media(max-width:720px){.footer-top{grid-template-columns:1fr;gap:2rem}}.footer-brand .wordmark{font-family:var(--serif);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.footer-tagline{color:var(--ink-soft);font-size:.95rem;margin:.5rem 0 0;max-width:280px}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:540px){.footer-cols{grid-template-columns:repeat(2,1fr)}}.footer-col h4{font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 1rem}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:.6rem}.footer-col a{color:var(--ink);text-decoration:none;font-size:.92rem;transition:color .15s ease}.footer-col a:hover{color:var(--accent-ink)}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--rule);font-size:.82rem;color:var(--ink-muted);line-height:1.5}.footer-bottom p{margin:0;color:var(--ink-muted)}.hero{padding:4rem 0 2.5rem}.hero .meta{font-size:.85rem;color:var(--ink-muted);margin-top:1.5rem}.hero .meta a{color:var(--ink-muted)}.hero .meta .meta-updated{color:var(--accent-ink);font-weight:500}.hero-intro{font-size:1.2rem;line-height:1.55;color:var(--ink);margin-top:1.5rem;font-weight:400}.tldr{background:var(--bg-tint);border-radius:12px;padding:2rem 2rem 1.5rem;margin:2rem 0 0}.tldr h2{font-size:1.5rem;margin-bottom:1rem}.tldr ol{margin:0;padding-left:1.25rem}.tldr li{margin-bottom:.75rem;color:var(--ink);line-height:1.5}.tldr li a{font-weight:600;color:var(--accent-ink);text-decoration:none;border-bottom:1.5px solid var(--accent-soft)}.tldr li a:hover{border-bottom-color:var(--accent)}.budget{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--rule)}.budget .label{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-weight:600}.budget .value{font-family:var(--serif);font-size:1.6rem;font-weight:500;color:var(--ink);line-height:1;margin-top:.2rem}.budget .note{flex:1 1 200px;font-size:.92rem;color:var(--ink-soft);align-self:center}.before-buy p{font-size:1.05rem;line-height:1.65;color:var(--ink);margin-bottom:1.25rem}.category{margin-bottom:4rem}.category-header{margin-bottom:1.5rem}.category .explainer{font-size:1rem;color:var(--ink-soft);max-width:600px}.products{display:grid;gap:1.25rem}@media(min-width:720px){.products{grid-template-columns:repeat(2,1fr)}.products.three-up{grid-template-columns:repeat(3,1fr)}}.product{background:var(--bg-card);border:1px solid var(--rule);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;transition:border-color .15s ease,transform .15s ease}.product:hover{border-color:var(--accent)}.product .role-badge{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .65rem;border-radius:4px;align-self:flex-start;margin-bottom:1rem}.product .role-badge.best_starter{background:var(--role-starter-bg);color:var(--role-starter-ink)}.product .role-badge.budget{background:var(--role-budget-bg);color:var(--role-budget-ink)}.product .role-badge.upgrade{background:var(--role-upgrade-bg);color:var(--role-upgrade-ink)}.product .role-badge.specialty{background:var(--role-specialty-bg);color:var(--role-specialty-ink)}.product .brand{font-size:.78rem;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.25rem}.product .name{font-family:var(--serif);font-size:1.2rem;font-weight:600;line-height:1.2;color:var(--ink);margin-bottom:.75rem}.product .price-tier{font-size:.95rem;color:var(--accent);font-weight:600;margin-bottom:1rem}.product .why{font-size:.95rem;line-height:1.5;color:var(--ink-soft);margin-bottom:.75rem}.product .watch-out{font-size:.85rem;color:var(--ink-muted);font-style:italic;border-left:2px solid var(--rule);padding-left:.75rem;margin-bottom:1rem}.product .cta{margin-top:auto;display:inline-block;background:var(--accent);color:#fff;padding:.65rem 1.1rem;border-radius:6px;font-size:.92rem;font-weight:600;text-decoration:none;text-align:center;align-self:flex-start;transition:background .15s ease}.product .cta:hover{background:var(--accent-ink);color:#fff}.dont-need{background:var(--bg-tint);border-radius:12px;padding:2rem}.dont-need ul{list-style:none;padding:0;margin:0}.dont-need li{padding:.85rem 0;border-bottom:1px solid var(--rule);color:var(--ink-soft);line-height:1.5}.dont-need li:last-child{border-bottom:none}.dont-need li strong{color:var(--ink);font-weight:600}.checklist>ol{list-style:none;counter-reset:step;padding:0;margin:0}.checklist>ol>li{counter-increment:step;padding:1.1rem 0 1.1rem 3rem;border-bottom:1px solid var(--rule);position:relative;color:var(--ink);line-height:1.5}.checklist>ol>li:last-child{border-bottom:none}.checklist>ol>li:before{content:counter(step);position:absolute;left:0;top:1rem;width:2rem;height:2rem;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--serif);font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center}.checklist-links{list-style:none;padding:.75rem 0 0;margin:0}.checklist-links li{padding:.3rem 0;border:none;font-size:.92rem;color:var(--ink-soft);line-height:1.4}.checklist-links li:before{content:"→";position:static;width:auto;height:auto;background:transparent;border-radius:0;display:inline;color:var(--accent);margin-right:.5rem;font-family:var(--sans);font-weight:600}.checklist-links a{color:var(--accent-ink);text-decoration:none;font-weight:500;border-bottom:1.5px solid var(--accent-soft)}.checklist-links a:hover{border-bottom-color:var(--accent)}.checklist-links .link-note{color:var(--ink-muted);font-size:.85rem}.checklist .type-tag{display:inline-block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--ink-muted);margin-left:.5rem}.faq details{border-bottom:1px solid var(--rule);padding:1.25rem 0}.faq details:first-of-type{border-top:1px solid var(--rule)}.faq summary{cursor:pointer;font-family:var(--serif);font-size:1.15rem;font-weight:500;color:var(--ink);list-style:none;position:relative;padding-right:2rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--accent);font-family:var(--sans);font-weight:300}.faq details[open] summary:after{content:"−"}.faq details[open] summary{margin-bottom:.75rem}.faq details p{margin:0;color:var(--ink-soft)}
