.guides-page,.guide-detail-page{background:var(--ob-bg,#fafaf8);min-height:100vh;color:var(--ob-ink,#1a1a1a);font-family:var(--ob-font-body,sans-serif);flex-direction:column;font-size:16px;line-height:1.6;display:flex}.guides-container,.guide-container{width:min(1240px,100% - 40px);margin:0 auto}.guides-eyebrow{font-family:var(--ob-font-body,sans-serif);letter-spacing:.22em;text-transform:uppercase;color:var(--ob-accent,#8a6e4a);align-items:center;gap:12px;font-size:.7rem;font-weight:500;line-height:1;display:inline-flex}.guides-eyebrow__rule{background-color:var(--ob-accent,#8a6e4a);flex:none;width:28px;height:1px;display:inline-block}.guides-breadcrumbs{font-family:var(--ob-font-body,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--ob-ink-mute,#6a6a6a);align-items:center;gap:10px;margin:0 0 24px;font-size:.72rem;display:flex}.guides-breadcrumbs a{color:var(--ob-ink-mute,#6a6a6a);text-decoration:none;transition:color .2s}.guides-breadcrumbs a:hover{color:var(--ob-accent-deep,#6c5436);outline:none}.guides-breadcrumbs a:focus-visible{color:var(--ob-accent-deep,#6c5436);outline:none}.guides-breadcrumbs span[aria-hidden]{color:var(--ob-accent,#8a6e4a);font-family:var(--ob-font-display,"Lora",serif);font-size:.85rem;font-style:italic}.guides-breadcrumbs [aria-current=page]{color:var(--ob-ink,#1a1a1a);font-weight:500}.guides-btn{font-family:var(--ob-font-body,sans-serif);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background-color .28s var(--ob-ease-out,ease),color .2s var(--ob-ease-out,ease),border-color .2s var(--ob-ease-out,ease);border:1px solid transparent;align-items:center;gap:10px;padding:14px 26px;font-size:.74rem;font-weight:500;text-decoration:none;display:inline-flex}.guides-btn span:last-child{transition:transform .28s var(--ob-ease-out,ease);display:inline-block}.guides-btn:hover span:last-child{transform:translate(4px)}.guides-btn:focus-visible span:last-child{transform:translate(4px)}.guides-btn--primary{background:var(--ob-ink,#1a1a1a);color:var(--ob-bg,#fafaf8);border-color:var(--ob-ink,#1a1a1a)}.guides-btn--primary:hover{background:var(--ob-accent-deep,#6c5436);border-color:var(--ob-accent-deep,#6c5436);outline:none}.guides-btn--primary:focus-visible{background:var(--ob-accent-deep,#6c5436);border-color:var(--ob-accent-deep,#6c5436);outline:none}.guides-btn--ghost{color:var(--ob-ink,#1a1a1a);border-color:var(--ob-border,#e5e1d8);background:0 0}.guides-btn--ghost:hover{border-color:var(--ob-accent,#8a6e4a);color:var(--ob-accent-deep,#6c5436);outline:none}.guides-btn--ghost:focus-visible{border-color:var(--ob-accent,#8a6e4a);color:var(--ob-accent-deep,#6c5436);outline:none}.guides-main{flex:1}.guides-hero{border-bottom:1px solid var(--ob-border,#e5e1d8);padding:max(48px,min(8vw,96px)) 0 max(40px,min(5vw,64px))}.guides-hero__title{font-family:var(--ob-font-display,"Lora",serif);letter-spacing:-.012em;color:var(--ob-ink,#1a1a1a);max-width:18ch;margin:14px 0 16px;font-size:max(2.2rem,min(5vw,3.6rem));font-weight:400;line-height:1.08}.guides-hero__title em{color:var(--ob-accent-deep,#6c5436);font-style:italic}.guides-hero__lede{max-width:60ch;font-family:var(--ob-font-display,"Lora",serif);color:var(--ob-ink-mute,#6a6a6a);margin:0;font-size:max(1rem,min(1.4vw,1.15rem));font-style:italic;line-height:1.65}.guides-list-wrap{padding:max(40px,min(6vw,80px)) 0}.guides-list{border-top:1px solid var(--ob-border,#e5e1d8);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.guide-card-row{border-bottom:1px solid var(--ob-border,#e5e1d8);margin:0}.guide-card-link{color:inherit;transition:background-color .25s var(--ob-ease-out,ease);grid-template-columns:80px 1fr;gap:max(16px,min(3vw,36px));padding:max(24px,min(4vw,40px)) 0;text-decoration:none;display:grid}.guide-card-link:hover{background:var(--ob-surface-soft,#f4f1ec);outline:none}.guide-card-link:focus-visible{background:var(--ob-surface-soft,#f4f1ec);outline:none}@media (min-width:720px){.guide-card-link{grid-template-columns:100px 1fr;gap:max(24px,min(4vw,48px))}}.guide-card__index{font-family:var(--ob-font-display,"Lora",serif);color:var(--ob-accent-deep,#6c5436);letter-spacing:-.015em;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;padding-top:4px;font-size:max(2.4rem,min(5vw,3.6rem));font-style:italic;font-weight:400;line-height:1}.guide-card__body{flex-direction:column;gap:10px;padding-right:16px;display:flex}.guide-card__head{flex-direction:column;gap:4px;display:flex}.guide-card__category{font-family:var(--ob-font-body,sans-serif);letter-spacing:.22em;text-transform:uppercase;color:var(--ob-accent,#8a6e4a);font-size:.68rem;font-weight:500}.guide-card__title{font-family:var(--ob-font-display,"Lora",serif);letter-spacing:-.008em;color:var(--ob-ink,#1a1a1a);transition:color .2s var(--ob-ease-out,ease);margin:0;font-size:max(1.3rem,min(2.4vw,1.85rem));font-weight:400;line-height:1.18}.guide-card-link:hover .guide-card__title{color:var(--ob-accent-deep,#6c5436)}.guide-card-link:focus-visible .guide-card__title{color:var(--ob-accent-deep,#6c5436)}.guide-card__desc{max-width:60ch;font-family:var(--ob-font-body,sans-serif);color:var(--ob-ink-soft,#2e2e2e);margin:0;font-size:.96rem;line-height:1.65}.guide-card__meta{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:6px;display:flex}.guide-card__cta{font-family:var(--ob-font-body,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--ob-ink,#1a1a1a);background-image:linear-gradient(var(--ob-accent,#8a6e4a),var(--ob-accent,#8a6e4a));transition:background-size .35s var(--ob-ease-out,ease),color .2s ease;background-position:0 100%;background-repeat:no-repeat;background-size:calc(100% - 22px) 1px;align-items:center;gap:8px;padding-bottom:4px;font-size:.72rem;font-weight:500;display:inline-flex}.guide-card__cta span:last-child{transition:transform .28s var(--ob-ease-out,ease);display:inline-block}.guide-card-link:hover .guide-card__cta{color:var(--ob-accent-deep,#6c5436);background-size:100% 1px}.guide-card-link:hover .guide-card__cta span:last-child{transform:translate(4px)}.guide-card__reading{font-family:var(--ob-font-display,"Lora",serif);color:var(--ob-ink-mute,#6a6a6a);font-size:.86rem;font-style:italic}.guide-card__reading:before{content:"·";color:var(--ob-accent,#8a6e4a);margin-right:10px;font-size:1rem}.guides-outro{background:var(--ob-surface-soft,#f4f1ec);border-top:1px solid var(--ob-border,#e5e1d8);padding:max(56px,min(8vw,112px)) 0}.guides-outro__inner{text-align:center;flex-direction:column;gap:20px;max-width:640px;margin:0 auto;display:flex}.guides-outro__inner .guides-eyebrow{margin:0 auto}.guides-outro__title{font-family:var(--ob-font-display,"Lora",serif);letter-spacing:-.012em;color:var(--ob-ink,#1a1a1a);margin:4px 0;font-size:max(1.85rem,min(4vw,2.8rem));font-weight:400;line-height:1.1}.guides-outro__title em{color:var(--ob-accent-deep,#6c5436);font-style:italic}.guides-outro__lede{max-width:56ch;font-family:var(--ob-font-display,"Lora",serif);color:var(--ob-ink-mute,#6a6a6a);margin:0 auto;font-size:1.05rem;font-style:italic;line-height:1.65}.guides-outro__cta-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:12px;display:flex}.guide-detail-main{flex:1}.guide-hero{border-bottom:1px solid var(--ob-border,#e5e1d8);padding:max(48px,min(8vw,96px)) 0 max(36px,min(5vw,56px))}.guide-hero__title{font-family:var(--ob-font-display,"Lora",serif);letter-spacing:-.012em;color:var(--ob-ink,#1a1a1a);max-width:22ch;margin:14px 0 18px;font-size:max(2.2rem,min(5vw,3.6rem));font-weight:400;line-height:1.08}.guide-hero__lede{max-width:60ch;font-family:var(--ob-font-display,"Lora",serif);color:var(--ob-ink-mute,#6a6a6a);margin:0 0 28px;font-size:max(1rem,min(1.4vw,1.18rem));font-style:italic;line-height:1.65}.guide-hero__meta{border-top:1px solid var(--ob-border-soft,#ececec);flex-wrap:wrap;gap:0;margin:0;padding:0;display:flex}.guide-hero__meta-row{border-right:1px solid var(--ob-border-soft,#ececec);flex-direction:column;flex:none;gap:4px;margin:0;padding:14px max(20px,min(3vw,28px)) 14px 0;display:flex}.guide-hero__meta-row:first-child{padding-left:0}.guide-hero__meta-row:last-child{border-right:0}.guide-hero__meta-row dt{font-family:var(--ob-font-body,sans-serif);letter-spacing:.22em;text-transform:uppercase;color:var(--ob-accent,#8a6e4a);margin:0;font-size:.66rem;font-weight:500}.guide-hero__meta-row dd{font-family:var(--ob-font-display,"Lora",serif);color:var(--ob-ink,#1a1a1a);margin:0;font-size:.95rem;font-style:italic}@media (min-width:720px){.guide-hero__meta-row{padding:18px max(24px,min(3vw,36px))}.guide-hero__meta-row:first-child{padding-left:0}}.guide-shell{grid-template-columns:1fr;gap:max(32px,min(4vw,56px));padding:max(48px,min(7vw,96px)) 0 max(64px,min(8vw,112px));display:grid}@media (min-width:1000px){.guide-shell{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:max(40px,min(5vw,72px))}}.guide-content{flex-direction:column;gap:max(40px,min(6vw,64px));min-width:0;display:flex}.guide-body{flex-direction:column;gap:22px;max-width:68ch;display:flex}.guide-heading{font-family:var(--ob-font-display,"Lora",serif);letter-spacing:-.008em;color:var(--ob-ink,#1a1a1a);scroll-margin-top:calc(var(--nav-offset,72px) + 24px);margin:28px 0 8px;font-weight:400;line-height:1.18}.guide-heading--h1{font-size:max(1.8rem,min(3vw,2.4rem))}.guide-heading--h2{border-top:1px solid var(--ob-border-soft,#ececec);margin-top:36px;padding-top:18px;font-size:max(1.4rem,min(2.4vw,1.85rem))}.guide-heading--h3{font-size:max(1.15rem,min(1.8vw,1.4rem))}.guide-heading--h4{font-size:1.1rem}.guide-paragraph{font-family:var(--ob-font-body,sans-serif);color:var(--ob-ink-soft,#2e2e2e);letter-spacing:.005em;margin:0;font-size:1rem;line-height:1.75}.guide-paragraph--strong{font-family:var(--ob-font-display,"Lora",serif);color:var(--ob-ink,#1a1a1a);font-size:1.1rem;font-style:italic;font-weight:400}.guide-list{flex-direction:column;gap:8px;margin:0;padding:0 0 0 22px;display:flex}.guide-list li{font-family:var(--ob-font-body,sans-serif);color:var(--ob-ink-soft,#2e2e2e);font-size:.98rem;line-height:1.65}.guide-list li::marker{color:var(--ob-accent,#8a6e4a)}.guide-blockquote{background:var(--ob-surface-soft,#f4f1ec);border-left:1.5px solid var(--ob-accent,#8a6e4a);font-family:var(--ob-font-display,"Lora",serif);color:var(--ob-ink-soft,#2e2e2e);margin:16px 0;padding:18px max(18px,min(3vw,28px));font-size:1.05rem;font-style:italic;line-height:1.65}.guide-hr{background:var(--ob-border,#e5e1d8);border:0;height:1px;margin:16px 0}.guide-link{color:var(--ob-ink,#1a1a1a);background-image:linear-gradient(var(--ob-accent,#8a6e4a),var(--ob-accent,#8a6e4a));transition:color .25s var(--ob-ease-out,ease);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;padding-bottom:1px;font-weight:500;text-decoration:none}.guide-link:hover{color:var(--ob-accent-deep,#6c5436);outline:none}.guide-link:focus-visible{color:var(--ob-accent-deep,#6c5436);outline:none}.guide-image-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0;display:grid}.guide-image{background:var(--ob-surface-soft,#f4f1ec);filter:saturate(.94);width:100%;height:auto;display:block}.guide-image--uniform{aspect-ratio:4/3;object-fit:cover}.guide-image--no-crop{object-fit:contain;background:var(--ob-bg,#fafaf8)}.guide-face-block{background:var(--ob-surface-soft,#f4f1ec);border-left:1.5px solid var(--ob-accent,#8a6e4a);margin:8px 0 16px;padding:max(20px,min(3vw,28px)) max(20px,min(3vw,32px))}.guide-face-block--separated{margin-top:24px}.guide-aside{flex-direction:column;gap:max(20px,min(3vw,28px));display:flex}@media (min-width:1000px){.guide-aside{top:calc(var(--nav-offset,72px) + 24px);max-height:calc(100vh - var(--nav-offset,72px) - 48px);scrollbar-width:thin;align-self:flex-start;position:-webkit-sticky;position:sticky;overflow-y:auto}}.guide-aside__card{background:var(--ob-bg,#fafaf8);border:1px solid var(--ob-border,#e5e1d8);flex-direction:column;gap:12px;padding:max(20px,min(3vw,28px));display:flex}.guide-aside__card .guides-eyebrow{margin-bottom:4px}.guide-aside__title{font-family:var(--ob-font-display,"Lora",serif);letter-spacing:-.005em;color:var(--ob-ink,#1a1a1a);margin:0;font-size:1.15rem;font-weight:400;line-height:1.25}.guide-aside__title em{color:var(--ob-accent-deep,#6c5436);font-style:italic}.guide-aside__text{font-family:var(--ob-font-body,sans-serif);color:var(--ob-ink-soft,#2e2e2e);margin:0;font-size:.92rem;line-height:1.6}.guide-aside__link{font-family:var(--ob-font-body,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--ob-ink,#1a1a1a);background-image:linear-gradient(var(--ob-accent,#8a6e4a),var(--ob-accent,#8a6e4a));transition:background-size .35s var(--ob-ease-out,ease),color .2s ease;background-position:0 100%;background-repeat:no-repeat;background-size:calc(100% - 22px) 1px;align-items:center;gap:8px;padding-bottom:3px;font-size:.7rem;font-weight:500;text-decoration:none;display:inline-flex}.guide-aside__link span:last-child{transition:transform .28s var(--ob-ease-out,ease);display:inline-block}.guide-aside__link:hover{color:var(--ob-accent-deep,#6c5436);background-size:100% 1px;outline:none}.guide-aside__link:focus-visible{color:var(--ob-accent-deep,#6c5436);background-size:100% 1px;outline:none}.guide-aside__link:hover span:last-child{transform:translate(4px)}.guide-aside__link:focus-visible span:last-child{transform:translate(4px)}.guide-aside__rule{background:var(--ob-border-soft,#ececec);border:0;height:1px;margin:4px 0}.guide-aside__card--toc{background:var(--ob-surface-soft,#f4f1ec);border:0;border-left:1.5px solid var(--ob-accent,#8a6e4a);padding:max(20px,min(3vw,28px))}.guide-aside__toc{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.guide-aside__toc-item{border-top:1px solid var(--ob-border-soft,#d8d2c5)}.guide-aside__toc-item:first-child{border-top:0}.guide-aside__toc-link{color:inherit;grid-template-columns:36px 1fr;align-items:baseline;gap:12px;padding:10px 0;text-decoration:none;transition:color .2s;display:grid}.guide-aside__toc-num{font-family:var(--ob-font-display,"Lora",serif);color:var(--ob-accent,#8a6e4a);text-align:right;font-size:.92rem;font-style:italic}.guide-aside__toc-title{font-family:var(--ob-font-body,sans-serif);color:var(--ob-ink-soft,#2e2e2e);font-size:.86rem;line-height:1.45}.guide-aside__toc-link:hover .guide-aside__toc-title{color:var(--ob-accent-deep,#6c5436);outline:none}.guide-aside__toc-link:focus-visible .guide-aside__toc-title{color:var(--ob-accent-deep,#6c5436);outline:none}.guide-recommended{border-top:1px solid var(--ob-border,#e5e1d8);padding-top:max(40px,min(5vw,64px))}.guide-recommended__title{font-family:var(--ob-font-display,"Lora",serif);letter-spacing:-.008em;color:var(--ob-ink,#1a1a1a);margin:12px 0 28px;font-size:max(1.5rem,min(2.6vw,2rem));font-weight:400;line-height:1.18}.guide-recommended__title em{color:var(--ob-accent-deep,#6c5436);font-style:italic}.guide-recommended__list{border-top:1px solid var(--ob-border,#e5e1d8);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.guide-recommended__item{border-bottom:1px solid var(--ob-border,#e5e1d8);margin:0}.guide-recommended__link{color:inherit;transition:background-color .25s var(--ob-ease-out,ease);grid-template-columns:56px 1fr 24px;align-items:center;gap:16px;padding:18px 0;text-decoration:none;display:grid}.guide-recommended__link:hover{background:var(--ob-surface-soft,#f4f1ec);outline:none}.guide-recommended__link:focus-visible{background:var(--ob-surface-soft,#f4f1ec);outline:none}.guide-recommended__num{font-family:var(--ob-font-display,"Lora",serif);color:var(--ob-accent,#8a6e4a);text-align:right;font-size:1.4rem;font-style:italic}.guide-recommended__body{flex-direction:column;gap:4px;min-width:0;display:flex}.guide-recommended__category{font-family:var(--ob-font-body,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--ob-accent,#8a6e4a);font-size:.66rem;font-weight:500}.guide-recommended__name{font-family:var(--ob-font-display,"Lora",serif);letter-spacing:-.005em;color:var(--ob-ink,#1a1a1a);font-size:1.1rem;font-weight:400;line-height:1.25;transition:color .2s}.guide-recommended__link:hover .guide-recommended__name{color:var(--ob-accent-deep,#6c5436)}.guide-recommended__link:focus-visible .guide-recommended__name{color:var(--ob-accent-deep,#6c5436)}.guide-recommended__meta{font-family:var(--ob-font-display,"Lora",serif);color:var(--ob-ink-mute,#6a6a6a);font-size:.84rem;font-style:italic}.guide-recommended__arrow{font-family:var(--ob-font-body,sans-serif);color:var(--ob-accent,#8a6e4a);text-align:right;transition:transform .28s var(--ob-ease-out,ease);font-size:1.2rem}.guide-recommended__link:hover .guide-recommended__arrow{transform:translate(4px)}.guide-recommended__link:focus-visible .guide-recommended__arrow{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.guide-card-link,.guides-btn,.guides-btn span,.guide-card__cta,.guide-card__cta span,.guide-recommended__link,.guide-recommended__arrow,.guide-aside__link,.guide-aside__link span{transition:none!important;transform:none!important}}
