.guide-progress-v23,.guide-page .guide-progress{position:fixed;left:0;top:0;width:0;height:2px;background:var(--red);z-index:9999;pointer-events:none} .guide-page .guide-meta-rail,.guide-page .v23-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px} .guide-page .guide-meta-rail span,.guide-page .v23-meta span{border:1px solid #303035;background:#0b0b0d;padding:6px 8px;color:#9d9691;font:500 9px/1.2 var(--ui-modern,"Segoe UI Variable","Helvetica Neue",Arial,sans-serif);letter-spacing:.095em;text-transform:uppercase} .guide-page .guide-meta-rail span:first-child,.guide-page .v23-meta span:first-child{border-color:#5a242c;color:#ff7a85} .guide-page .mobile-article-nav{display:none;margin:0 0 20px;border:1px solid var(--line);background:#0d0d0f} .guide-page .mobile-article-nav summary{list-style:none;cursor:pointer;padding:14px 16px;font:650 9px/1.2 var(--ui-modern,"Segoe UI Variable","Helvetica Neue",Arial,sans-serif);letter-spacing:.13em;text-transform:uppercase;color:#ddd5cf} .guide-page .mobile-article-nav summary::-webkit-details-marker{display:none} .guide-page .mobile-article-nav summary:after{content:"+";float:right;color:#ff7480;font-size:17px;line-height:.7} .guide-page .mobile-article-nav[open] summary:after{content:"–"} .guide-page .mobile-article-nav .links{border-top:1px solid var(--line);padding:7px 16px 12px} .guide-page .mobile-article-nav .links a{display:block;padding:8px 0;border-bottom:1px solid #232328;color:#aaa;font-size:13px} .guide-page .mobile-article-nav .links a:last-child{border-bottom:0} .guide-page .toc a.is-active{color:#fff;position:relative;padding-left:13px} .guide-page .toc a.is-active:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:var(--red)} .guide-page .guide-poster-v23{margin:40px 0 46px;border:1px solid #56222a;min-height:310px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(circle at 82% 18%,rgba(225,31,46,.16),transparent 25%),linear-gradient(145deg,#171012,#09090b 72%);} .guide-page .guide-poster-v23:before{content:attr(data-watermark);position:absolute;right:-10px;top:-22px;z-index:-1;font:190px/.78 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:-.045em;color:rgba(255,255,255,.028);white-space:nowrap} .guide-page .guide-poster-v23:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:url("grid-irregular.png");background-size:900px auto;background-position:70% 45%;opacity:.025;mask-image:linear-gradient(90deg,transparent 0%,#000 45%,#000 100%);} .guide-page .guide-poster-v23 .eyebrow{color:#ff7883;position:relative} .guide-page .guide-poster-v23 h2{position:relative;font-size:clamp(62px,7.6vw,104px)!important;line-height:.81!important;max-width:790px;margin:9px 0 13px!important} .guide-page .guide-poster-v23 p{position:relative;max-width:710px;font:19px/1.5 Georgia,serif!important;color:#cfc5bf!important;margin:0!important} .guide-page .article-section-kicker-v23,.guide-page .article-section-kicker{margin:56px 0 14px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;color:#ff7883;font:650 9px/1.2 var(--ui-modern,"Segoe UI Variable","Helvetica Neue",Arial,sans-serif);letter-spacing:.14em;text-transform:uppercase} .guide-page .article-section-kicker-v23:after,.guide-page .article-section-kicker:after{content:"";height:1px;background:#2c2c31;flex:1} .guide-page .seo-query{margin-top:54px} .guide-page .seo-query>.eyebrow{margin-bottom:20px} .guide-page .seo-query>h2{font-size:clamp(44px,5vw,68px)!important;line-height:.89!important;margin:46px 0 12px!important;max-width:760px} .guide-page .seo-query-box{position:relative;border-left:3px solid #56232b!important;background:linear-gradient(145deg,#141416,#0d0d0f)!important} .guide-page .seo-query-box:before{content:"ANSWER";display:inline-block;margin-bottom:8px;color:#ff7883;font:700 8px/1.2 var(--ui-modern,"Segoe UI Variable","Helvetica Neue",Arial,sans-serif);letter-spacing:.14em} @media(hover:hover){.guide-page .article:is(.force-card,.care-card,.phase,.moisture-card,.life-card,.lane,.fda-item,.artist-card,.count-card,.placement-card,.decision-card,.assess-card,.consult-card,.quick-card,.size-card,.anatomy-card,.skin-card,.work-card,.truth,.motion,.water-card,.guide-path-v23 ){transition:transform .18s ease,border-color .18s ease} .guide-page .article:is(.force-card,.care-card,.phase,.moisture-card,.life-card,.lane,.fda-item,.artist-card,.count-card,.placement-card,.decision-card,.assess-card,.consult-card,.quick-card,.size-card,.anatomy-card,.skin-card,.work-card,.truth,.motion,.water-card,.guide-path-v23 ):hover{transform:translateY(-3px);border-color:#47474e}} .guide-page .guide-end-paths-v23{margin:42px 0 4px;border-top:1px solid var(--line);padding-top:31px} .guide-page .guide-end-paths-v23 .head{display:grid;grid-template-columns:1fr .72fr;gap:26px;align-items:end;margin-bottom:18px} .guide-page .guide-end-paths-v23 .head h2{margin:6px 0 0!important;font-size:clamp(42px,5vw,58px)!important;line-height:.9!important} .guide-page .guide-end-paths-v23 .head p{margin:0!important} .guide-page .guide-path-grid-v23{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .guide-page .guide-path-v23{border:1px solid var(--line);background:linear-gradient(145deg,#141416,#0d0d0f);padding:18px;min-height:200px;display:flex;flex-direction:column;min-width:0} .guide-page .guide-path-v23 .k{color:#ff7782;font:650 9px/1.2 var(--ui-modern,"Segoe UI Variable","Helvetica Neue",Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase} .guide-page .guide-path-v23 h3{font-size:30px;margin:8px 0} .guide-page .guide-path-v23 p{font-size:12px!important;margin:0 0 12px!important} .guide-page .guide-path-v23 a{margin-top:auto;color:#ff7782;font:700 10px/1.2 var(--ui-modern,"Segoe UI Variable","Helvetica Neue",Arial,sans-serif);letter-spacing:.075em;text-transform:uppercase} @media(max-width:900px){.guide-page .guide-path-grid-v23{grid-template-columns:1fr 1fr} .guide-page .guide-end-paths-v23 .head{grid-template-columns:1fr}} @media(max-width:780px){.guide-page .mobile-article-nav{display:block;position:sticky;top:72px;z-index:30} .guide-page .article-layout>.toc,.guide-page .layout>.toc,.guide-page .shell.article-layout>.toc{display:none!important} .guide-page .guide-poster-v23{min-height:270px;padding:24px} .guide-page .guide-poster-v23:before{font-size:120px;right:-4px;top:-8px}} @media(max-width:620px){.guide-page .guide-path-grid-v23{grid-template-columns:1fr} .guide-page .guide-poster-v23 h2{font-size:clamp(54px,17vw,76px)!important} .guide-page .guide-poster-v23 p{font-size:17px!important} .guide-page .seo-query>h2{font-size:clamp(36px,11vw,46px)!important}} @media(prefers-reduced-motion:reduce){.guide-page .article:is(.force-card,.care-card,.phase,.moisture-card,.life-card,.lane,.fda-item,.artist-card,.count-card,.placement-card,.decision-card,.assess-card,.consult-card,.quick-card,.size-card,.anatomy-card,.skin-card,.work-card,.truth,.motion,.water-card,.guide-path-v23 ){transition:none}}