.guide-main{width:min(1280px,100%)}
.guide-page .site-menu__toggle::before{display:none}.guide-page .seo-breadcrumbs{scrollbar-color:var(--seo-accent) transparent}
.guide-draft-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:14px 18px;border:1px solid var(--seo-line);border-radius:14px;background:rgba(215,165,77,.08);color:var(--seo-muted);font-size:14px;line-height:1.45}.guide-draft-status strong{color:#fff0cf}.guide-draft-status span{text-align:right}
.guide-index-hero{padding:clamp(42px,8vw,100px) clamp(24px,7vw,90px);border:1px solid var(--seo-line);border-radius:28px;background:radial-gradient(circle at 86% 12%,rgba(215,165,77,.15),transparent 30rem),var(--seo-surface)}.guide-index-hero h1{max-width:980px;margin:12px 0 24px;overflow-wrap:anywhere;color:#fff4df;font:700 clamp(48px,7vw,92px)/.9 Georgia,serif;letter-spacing:-.055em}.guide-index-hero>p:last-child{max-width:760px;margin:0;color:var(--seo-muted);font-size:clamp(17px,1.7vw,22px);line-height:1.6}
.guide-index-section{padding-top:clamp(64px,8vw,108px)}.guide-index-section h2{margin:0 0 30px;color:#fff3df;font:700 clamp(34px,5vw,60px)/1 Georgia,serif;letter-spacing:-.04em}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;min-height:164px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#121a20;color:var(--seo-text);text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.guide-card:hover{border-color:rgba(215,165,77,.55);transform:translateY(-3px);box-shadow:0 20px 42px rgba(0,0,0,.28)}.guide-card:focus-visible{outline:3px solid #ffd27d;outline-offset:3px}.guide-card__order{color:var(--seo-accent);font:700 clamp(28px,3vw,42px)/1 Georgia,serif}.guide-card__copy{min-width:0;display:grid;align-content:start;gap:8px}.guide-card__copy small{color:var(--seo-accent);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.guide-card__copy strong{overflow-wrap:anywhere;font-size:clamp(18px,2vw,25px);line-height:1.15}.guide-card__copy>span{color:var(--seo-muted);font-size:13px;line-height:1.45}
.guide-measurement{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,80px);align-items:start}.guide-measurement>div>p:last-child{max-width:620px;margin:0;color:var(--seo-muted);font-size:17px;line-height:1.6}.guide-measurement ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.guide-measurement li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;min-height:76px;padding:15px 18px;border:1px solid var(--seo-line);border-radius:14px;background:rgba(255,255,255,.025)}.guide-measurement li strong{color:#fff0cf}.guide-measurement li span{color:var(--seo-muted);line-height:1.45}
.guide-article{overflow:hidden;border:1px solid var(--seo-line);border-radius:28px;background:var(--seo-surface)}.guide-article__hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);min-height:520px}.guide-article__heading{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,80px)}.guide-article__heading h1{max-width:100%;margin:12px 0 30px;overflow-wrap:anywhere;color:#fff4df;font:700 clamp(46px,5.5vw,78px)/.92 Georgia,serif;letter-spacing:-.05em}.guide-article__hero img{width:100%;height:100%;min-height:430px;padding:clamp(20px,4vw,48px);object-fit:contain;background:radial-gradient(ellipse at 50% 82%,rgba(215,165,77,.22),transparent 45%),linear-gradient(145deg,#1a2931,#0a1014)}.guide-query{display:grid;gap:7px;max-width:580px;margin:0;padding:16px 18px;border-left:3px solid var(--seo-accent);background:rgba(215,165,77,.07)}.guide-query span{color:var(--seo-muted);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.guide-query strong{overflow-wrap:anywhere;color:#fff0cf;font-size:16px;line-height:1.45}
.guide-article__intro{max-width:620px;margin:0;color:var(--seo-muted);font-size:clamp(17px,1.7vw,21px);line-height:1.6}.guide-article__body{max-width:900px;margin:0 auto;padding:clamp(48px,8vw,100px) clamp(22px,6vw,72px)}.guide-article__body>p{margin:0 0 1.5em;color:#e8e0d6;font-size:clamp(18px,1.8vw,21px);line-height:1.78}.guide-article__body a{color:#f3cb7a;text-decoration-color:rgba(243,203,122,.55);text-underline-offset:.18em}.guide-article__body a:hover{color:#ffe1a8;text-decoration-color:currentColor}.guide-article__body a:focus-visible{outline:2px solid #ffd27d;outline-offset:4px;border-radius:2px}.guide-related{display:grid;gap:8px;margin-top:clamp(42px,6vw,70px);padding:22px;border:1px solid var(--seo-line);border-radius:14px;background:rgba(215,165,77,.06)}.guide-related span{color:var(--seo-muted);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.guide-related a{width:fit-content;font-size:18px;font-weight:850}.guide-draft-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.guide-draft-nav .btn-secondary{min-width:0;text-align:center}
@media(max-width:900px){.guide-article__hero{grid-template-columns:1fr;min-height:0}.guide-article__hero img{min-height:0;aspect-ratio:16/10}.guide-measurement{grid-template-columns:1fr}}
@media(max-width:700px){.guide-draft-status{align-items:flex-start;flex-direction:column}.guide-draft-status span{text-align:left}.guide-list{grid-template-columns:1fr}.guide-draft-nav{display:grid;grid-template-columns:1fr}.guide-draft-nav .btn-secondary{width:100%}}
@media(max-width:520px){.guide-page .seo-breadcrumbs{flex-wrap:wrap;overflow-x:visible}.guide-page .seo-breadcrumbs span{white-space:normal}.guide-index-hero{padding:34px 20px;border-radius:18px}.guide-index-hero h1{font-size:clamp(40px,12vw,54px)}.guide-card{grid-template-columns:58px minmax(0,1fr);gap:12px;min-height:0;padding:18px}.guide-measurement li{grid-template-columns:76px minmax(0,1fr);padding:14px}.guide-article{border-radius:18px}.guide-article__heading{padding:34px 20px}.guide-article__heading h1{font-size:clamp(36px,10.4vw,44px);line-height:.96}.guide-article__body{padding:44px 20px}.guide-article__body>p{font-size:18px;line-height:1.72}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}
