.guide-hero-image{margin:var(--space-lg) 0 var(--space-2xl);border-radius:var(--radius-lg);overflow:hidden;background:#f7f5f2;aspect-ratio:1792/608;box-shadow:var(--shadow-md)}.guide-hero-image img{width:100%;height:100%;object-fit:cover;display:block}html.dark-mode .guide-hero-image{background:#1e1e34;box-shadow:0 4px 20px rgba(0,0,0,.4)}@media(max-width:640px){.guide-hero-image{margin-inline:calc(var(--space-md)*-1);border-radius:0}}.guide-inline-figure{margin:var(--space-2xl) 0;max-width:none}.guide-inline-figure .frame{background:#f7f5f2;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}html.dark-mode .guide-inline-figure .frame{background:#1e1e34;box-shadow:0 4px 20px rgba(0,0,0,.4)}.guide-inline-figure.figure-square .frame{max-width:560px;margin:0 auto;aspect-ratio:1/1}.guide-inline-figure.figure-21x9 .frame{aspect-ratio:21/9}.guide-inline-figure.figure-3x1 .frame{aspect-ratio:1792/608}.guide-inline-figure img{width:100%;height:100%;object-fit:cover;display:block}.guide-inline-figure figcaption{margin-top:var(--space-sm);font-size:.85rem;color:var(--color-muted);font-style:italic;max-width:65ch}.guide-inline-figure.figure-square figcaption{max-width:560px;margin-inline:auto}.content-page{max-width:960px}.guides-landing{padding:var(--space-2xl) 0}.guides-hero{text-align:center;max-width:640px;margin:0 auto var(--space-2xl)}.guides-hero h1{margin-bottom:var(--space-md)}.guides-hero p{color:var(--color-muted);font-size:1.05rem;line-height:1.7}.guides-category{margin-bottom:var(--space-2xl)}.guides-category h2{font-size:1.125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-heading);margin-bottom:var(--space-xs)}.guides-category>p{color:var(--color-muted);font-size:.9rem;margin-bottom:var(--space-lg)}.guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media(max-width:640px){.guides-grid{grid-template-columns:1fr}}.guide-card{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}@media(hover:hover){.guide-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,212,170,.12);border-color:var(--color-accent);text-decoration:none}}.guide-card-icon{flex-shrink:0;width:40px;height:40px;color:var(--color-accent)}.guide-card-icon svg{width:100%;height:100%}.guide-card-body{flex:1;min-width:0}.guide-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xs)}.guide-card-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--color-text-heading);margin:0;line-height:1.3}.guide-card-time{flex-shrink:0;font-size:.75rem;color:var(--color-muted);white-space:nowrap}.guide-card-desc{font-size:.85rem;color:var(--color-muted);line-height:1.5;margin:0}.guide-breadcrumb{font-size:.85rem;color:var(--color-muted);margin-bottom:var(--space-lg)}.guide-breadcrumb a{color:var(--color-muted);text-decoration:none}.guide-breadcrumb a:hover{color:var(--color-text-heading);text-decoration:underline}.guide-breadcrumb .separator{margin:0 var(--space-sm);color:var(--color-border)}.guide-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.guide-category-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-text);background:rgba(0,212,170,.08);padding:.2rem .6rem;border-radius:var(--radius-full);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.guide-catalogue-links{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.guide-catalogue-links h2{margin-bottom:var(--space-sm)}.guide-catalogue-links p{font-size:.95rem;color:var(--color-muted);margin:0 0 var(--space-sm)}.guide-pill-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.guide-pill{display:inline-block;padding:.35rem .85rem;font-family:var(--font-display);font-size:.85rem;font-weight:500;color:var(--color-accent-text);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);border-radius:var(--radius-full);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.guide-pill:hover{background:color-mix(in srgb,var(--color-accent) 18%,transparent);border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);text-decoration:none}.guide-catalogue-strip{margin-bottom:var(--space-lg)}.guide-catalogue-strip.note-pills-grid{background:transparent;padding:0;border-radius:0;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-xs)}.guide-catalogue-strip.accord-card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm)}@media(max-width:640px){.guide-catalogue-strip.note-pills-grid{grid-template-columns:1fr}.guide-catalogue-strip.accord-card-grid{grid-template-columns:repeat(2,1fr)}}.guide-catalogue-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.guide-catalogue-list a{font-family:var(--font-display);font-weight:500;color:var(--color-accent-text)}.guide-read-time{font-size:.85rem;color:var(--color-muted)}.guide-toc{background:var(--color-bg-warm,#faf8f5);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.guide-toc[open]>.guide-toc-title::after{content:''}.guide-toc-title{font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:var(--space-sm);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.guide-toc-title::-webkit-details-marker{display:none}.guide-toc-title::after{content:'';display:none}@media(max-width:640px){.guide-toc-title::after{content:'+';display:block;font-size:1.1rem;font-weight:400;color:var(--color-muted);transition:transform .2s ease}.guide-toc[open]>.guide-toc-title::after{content:'−'}.guide-toc:not([open]) .guide-toc-title{margin-bottom:0}}.guide-toc ol{list-style:decimal;margin:0;padding-left:var(--space-lg)}.guide-toc li{margin-bottom:var(--space-xs)}.guide-toc a{color:var(--color-accent-text);text-decoration:none;font-size:.9rem}.guide-toc a:hover{color:var(--color-accent);text-decoration:underline}.guide-article h2[id]{scroll-margin-top:80px}.guide-article ol,.guide-article ul{padding-left:var(--space-xl,2.5rem)}.guide-callout{background:rgba(0,212,170,.06);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0}.guide-callout-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-text);margin-bottom:var(--space-xs)}.guide-callout p{font-size:.9rem;line-height:1.6;margin:0}.guide-diagram{margin:var(--space-lg) auto;max-width:500px;text-align:center;--pyramid-base-fill:#2d2d44;--pyramid-heart-fill:#80e9d4;--pyramid-top-fill:#b8f0e3;--pyramid-layer-heading:#1a1a2e;--pyramid-layer-sub:rgba(26,26,46,.7);--pyramid-layer-meta:rgba(26,26,46,.55);--accord-note-fill:rgba(0,212,170,.25);--accord-ellipse-fill:rgba(0,212,170,.12);--accord-shape-text:#1a1a2e;--accord-sub-text:rgba(26,26,46,.7)}@media(prefers-color-scheme:dark){:root:not(.light-mode) .guide-diagram{--pyramid-base-fill:#2d2d44;--pyramid-heart-fill:#0d776c;--pyramid-top-fill:#125a50;--pyramid-layer-heading:white;--pyramid-layer-sub:rgba(255,255,255,.85);--pyramid-layer-meta:rgba(255,255,255,.6);--accord-note-fill:rgba(0,212,170,.2);--accord-ellipse-fill:rgba(0,212,170,.1);--accord-shape-text:white;--accord-sub-text:rgba(255,255,255,.7)}}html.dark-mode .guide-diagram,.dark-mode .guide-diagram{--pyramid-base-fill:#2d2d44;--pyramid-heart-fill:#0d776c;--pyramid-top-fill:#125a50;--pyramid-layer-heading:white;--pyramid-layer-sub:rgba(255,255,255,.85);--pyramid-layer-meta:rgba(255,255,255,.6);--accord-note-fill:rgba(0,212,170,.2);--accord-ellipse-fill:rgba(0,212,170,.1);--accord-shape-text:white;--accord-sub-text:rgba(255,255,255,.7)}.guide-diagram svg{width:100%;height:auto}.guide-diagram figcaption{font-size:.8rem;color:var(--color-muted);margin-top:var(--space-sm);font-style:italic}@media(max-width:640px){.guide-diagram{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.guide-diagram svg{min-width:440px}}.guide-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-top:var(--space-xl)}.guide-nav-card{display:block;padding:var(--space-lg);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}@media(hover:hover){.guide-nav-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);text-decoration:none}}.guide-nav-card--prev{text-align:left}.guide-nav-card--next{text-align:right}.guide-nav-card--next:first-child{grid-column:2}.guide-nav-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--space-xs)}.guide-nav-title{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--color-accent-text)}.guide-related{margin-top:var(--space-2xl)}.guide-related h2{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-heading);margin-bottom:var(--space-lg);text-align:center}.guide-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.guide-related-card{display:block;padding:var(--space-md);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;text-align:center;transition:border-color var(--transition-base),transform var(--transition-base)}@media(hover:hover){.guide-related-card:hover{border-color:var(--color-accent);transform:translateY(-2px);text-decoration:none}}.guide-related-card h3{font-size:.85rem;font-weight:600;color:var(--color-text-heading);margin:0 0 var(--space-xs)}.guide-related-card p{font-size:.8rem;color:var(--color-muted);margin:0;line-height:1.4}@media(max-width:640px){.guides-hero{text-align:left}.guides-hero p{font-size:.95rem}.guides-category h2{font-size:1rem}.guide-card{padding:var(--space-md);gap:var(--space-sm)}.guide-card-icon{width:32px;height:32px}.guide-card-title{font-size:.9rem}.guide-card-desc{font-size:.82rem}.guide-breadcrumb{font-size:.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.guide-toc{padding:var(--space-md)}.guide-toc ol{padding-left:var(--space-md)}.guide-toc li{margin-bottom:var(--space-sm);padding-bottom:var(--space-xs)}.guide-toc a{font-size:.88rem;display:block;padding:var(--space-xs) 0;min-height:44px;display:flex;align-items:center}.guide-callout{padding:var(--space-sm) var(--space-md);margin:var(--space-md) 0}.guide-article ol,.guide-article ul{padding-left:var(--space-lg,1.5rem)}.guide-nav{grid-template-columns:1fr}.guide-nav-card--next:first-child{grid-column:1}.guide-nav-card--next{text-align:left}.guide-nav-card{padding:var(--space-md)}.guide-meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.guide-related-grid{grid-template-columns:1fr}.guide-related-card{text-align:left}}.guide-faq{margin-top:var(--space-xl)}.guide-faq h2{margin-bottom:var(--space-lg)}.guide-faq-item{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.guide-faq-item:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.guide-faq-item h3{font-size:1rem;font-weight:600;color:var(--color-text-heading);margin-bottom:var(--space-sm)}.guide-faq-item p{font-size:.95rem;line-height:1.7;color:var(--color-text);margin:0}.guide-category-badge--practical{background:rgba(37,99,235,.08);color:#1d4ed8}.guide-category-badge--shopping{background:rgba(234,88,12,.08);color:#c2410c}@media(prefers-color-scheme:dark){:root:not(.light-mode) .guide-category-badge--practical{background:rgba(59,130,246,.12);color:#60a5fa}:root:not(.light-mode) .guide-category-badge--shopping{background:rgba(251,146,60,.12);color:#fb923c}}html.dark-mode .guide-category-badge--practical,.dark-mode .guide-category-badge--practical{background:rgba(59,130,246,.12);color:#60a5fa}html.dark-mode .guide-category-badge--shopping,.dark-mode .guide-category-badge--shopping{background:rgba(251,146,60,.12);color:#fb923c}.guides-category h2{padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-accent);display:inline-block}.guides-category--practical h2{border-bottom-color:#2563eb}.guides-category--shopping h2{border-bottom-color:#ea580c}.guides-category--exclusive h2{border-bottom-color:#7c3aed}@media(prefers-color-scheme:dark){:root:not(.light-mode) .guides-category--practical h2{border-bottom-color:#3b82f6}:root:not(.light-mode) .guides-category--shopping h2{border-bottom-color:#fb923c}:root:not(.light-mode) .guides-category--exclusive h2{border-bottom-color:#8b5cf6}}html.dark-mode .guides-category--practical h2,.dark-mode .guides-category--practical h2{border-bottom-color:#3b82f6}html.dark-mode .guides-category--shopping h2,.dark-mode .guides-category--shopping h2{border-bottom-color:#fb923c}html.dark-mode .guides-category--exclusive h2,.dark-mode .guides-category--exclusive h2{border-bottom-color:#8b5cf6}.guide-card:only-child{grid-column:1/-1}.guide-pullquote{margin:var(--space-xl) auto;padding:var(--space-lg) 0;max-width:80%;font-family:var(--font-display);font-size:1.15rem;font-weight:500;line-height:1.55;color:var(--color-text-heading);text-align:center;border-top:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent)}@media(max-width:640px){.guide-pullquote{max-width:100%;font-size:1.05rem}}