:root{--guide-bg:#09090d;--guide-surface:#141019;--guide-surface-2:#1b1420;--guide-ink:#f7f4f0;--guide-soft:#c8c0ca;--guide-muted:#a9a0ad;--guide-line:rgba(238,218,233,.15);--guide-pink:#ff98cb;--guide-blue:#7fd8ff;--guide-mint:#9ef0c3;--guide-width:1180px;--guide-reading:760px;--guide-font:'Poppins',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body.mastering-guides{margin:0;background:radial-gradient(ellipse 900px 620px at 90% -8%,rgba(151,53,112,.2),transparent 70%),radial-gradient(ellipse 650px 500px at -8% 42%,rgba(45,91,128,.12),transparent 74%),var(--guide-bg);color:var(--guide-ink);font:400 16px/1.75 var(--guide-font)}
.mastering-guides a{color:inherit;text-underline-offset:4px}.mastering-guides img{max-width:100%}.mastering-guides :is(a,button,summary):focus-visible{outline:3px solid var(--guide-pink);outline-offset:5px;border-radius:4px}.guide-skip{position:fixed;z-index:100;left:18px;top:10px;transform:translateY(-160%);padding:10px 16px;border-radius:8px;background:var(--guide-pink);color:#1b0b15;text-decoration:none;font-weight:600}.guide-skip:focus{transform:none}
.guide-wrap{width:min(var(--guide-width),calc(100% - 64px));margin-inline:auto}.guide-reading{width:min(var(--guide-reading),100%)}
.guide-hero{padding:88px 0 74px;border-bottom:1px solid var(--guide-line)}.guide-kicker{margin:0 0 18px;color:var(--guide-pink);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.guide-hero h1{max-width:920px;margin:0;font-size:clamp(42px,7vw,82px);line-height:1.02;letter-spacing:-.058em;font-weight:600}.guide-hero h1 em{font-style:normal;color:var(--guide-pink)}.guide-hero-lead{max-width:700px;margin:28px 0 0;color:var(--guide-soft);font-size:clamp(17px,2vw,21px);line-height:1.7}.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border:1px solid var(--guide-line);border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;background:rgba(255,255,255,.04)}.guide-button.primary{border-color:transparent;background:linear-gradient(120deg,#ffb5d9,var(--guide-pink));color:#1d0c16;box-shadow:0 14px 40px rgba(255,152,203,.18)}.guide-button:hover{transform:translateY(-1px);filter:brightness(1.06)}
.guide-section{padding:72px 0;border-bottom:1px solid var(--guide-line)}.guide-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,520px);gap:48px;align-items:end;margin-bottom:38px}.guide-section h2,.guide-article h2{margin:0;color:#eee8ec;font-size:clamp(29px,4vw,45px);line-height:1.14;letter-spacing:-.045em;font-weight:600}.guide-section-head p{margin:0;color:var(--guide-muted);max-width:520px}.guide-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);border:1px solid var(--guide-line);border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,rgba(255,152,203,.14),transparent 50%),linear-gradient(135deg,rgba(31,23,35,.96),rgba(14,13,18,.96));box-shadow:0 30px 80px rgba(0,0,0,.2)}.guide-feature-copy{padding:44px}.guide-feature-label{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:var(--guide-mint);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.guide-feature-label:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--guide-mint);box-shadow:0 0 13px var(--guide-mint)}.guide-feature h3{margin:0;font-size:clamp(29px,3.6vw,46px);line-height:1.12;letter-spacing:-.045em;font-weight:600}.guide-feature p{margin:20px 0 0;color:var(--guide-soft);max-width:600px}.guide-feature-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:25px;color:var(--guide-muted);font-size:12px}.guide-feature-visual{min-height:380px;position:relative;display:grid;place-items:center;padding:34px;background:linear-gradient(145deg,rgba(127,216,255,.08),rgba(255,152,203,.08))}.guide-wave{width:100%;max-width:390px;display:grid;gap:12px}.guide-wave span{height:11px;border-radius:999px;transform-origin:left;background:linear-gradient(90deg,var(--guide-pink),var(--guide-blue));opacity:.86}.guide-wave span:nth-child(1){width:72%}.guide-wave span:nth-child(2){width:95%}.guide-wave span:nth-child(3){width:54%}.guide-wave span:nth-child(4){width:84%}.guide-wave span:nth-child(5){width:66%}.guide-wave:after{content:'Ready for mastering';display:block;margin-top:24px;color:var(--guide-soft);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.guide-card-link{display:inline-flex;align-items:center;gap:9px;margin-top:30px;color:var(--guide-pink);font-weight:600;text-decoration:none}.guide-card-link:after{content:'→';transition:transform .2s}.guide-card-link:hover:after{transform:translateX(4px)}
.guide-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-principle{padding:27px 24px;border:1px solid var(--guide-line);border-radius:18px;background:rgba(255,255,255,.025)}.guide-principle span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:28px;border:1px solid rgba(255,152,203,.25);border-radius:50%;color:var(--guide-pink);font-size:12px}.guide-principle h3{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.025em}.guide-principle p{margin:12px 0 0;color:var(--guide-muted);font-size:14px}
.guide-roadmap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--guide-line)}.guide-roadmap-item{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:24px 18px 24px 0;border-bottom:1px solid var(--guide-line)}.guide-roadmap-item:nth-child(odd){border-right:1px solid var(--guide-line)}.guide-roadmap-item:nth-child(even){padding-left:24px}.guide-roadmap-item b{color:var(--guide-pink);font-size:12px;font-weight:600}.guide-roadmap-item span{color:var(--guide-soft);font-size:15px}.guide-roadmap-item small{display:block;margin-top:3px;color:var(--guide-muted);font-size:12px}
.guide-footer{padding:38px 0;color:var(--guide-muted)}.guide-footer-row{display:flex;justify-content:space-between;gap:28px;align-items:center;flex-wrap:wrap}.guide-footer p{margin:0;font-size:13px}.guide-footer nav{display:flex;gap:10px 24px;flex-wrap:wrap}.guide-footer a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
/* Article */
.guide-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:38px;color:var(--guide-muted);font-size:12px}.guide-breadcrumbs a{text-decoration:none}.guide-breadcrumbs a:hover{color:var(--guide-pink)}.guide-breadcrumbs span:not(:last-child):after{content:'/';margin-left:8px;color:#756d79}.guide-breadcrumbs [aria-current=page]{color:var(--guide-soft)}
.guide-article-hero{padding:54px 0 48px}.guide-article-hero h1{max-width:920px;margin:0;font-size:clamp(40px,6.6vw,72px);line-height:1.05;letter-spacing:-.055em;font-weight:600}.guide-article-dek{max-width:760px;margin:24px 0 0;color:var(--guide-soft);font-size:clamp(17px,2vw,20px);line-height:1.72}.guide-byline{display:flex;gap:12px 22px;flex-wrap:wrap;align-items:center;margin-top:28px;color:var(--guide-muted);font-size:12px}.guide-byline strong{color:var(--guide-ink);font-weight:600}.guide-byline span+span{position:relative}.guide-byline span+span:before{content:'';position:absolute;left:-12px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--guide-pink)}
.guide-summary{margin:0 0 64px;padding:30px 32px;border:1px solid rgba(255,152,203,.28);border-radius:20px;background:radial-gradient(ellipse at 100% 0,rgba(255,152,203,.13),transparent 55%),rgba(255,255,255,.025)}.guide-summary strong{display:block;margin-bottom:10px;color:var(--guide-pink);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.guide-summary p{margin:0;color:var(--guide-soft);font-size:17px;line-height:1.75}.guide-summary p b{color:var(--guide-ink)}
.guide-article{padding-bottom:80px}.guide-article-content{width:min(var(--guide-reading),100%)}.guide-article section{margin:0 0 68px;scroll-margin-top:112px}.guide-article h2{margin-bottom:22px}.guide-article h3{margin:34px 0 12px;color:var(--guide-ink);font-size:22px;line-height:1.35;letter-spacing:-.03em}.guide-article p{margin:0 0 19px;color:var(--guide-soft)}.guide-article strong{color:var(--guide-ink)}.guide-article ul,.guide-article ol{margin:20px 0 24px;padding-left:24px;color:var(--guide-soft)}.guide-article li{margin:0 0 12px;padding-left:7px}.guide-article li::marker{color:var(--guide-pink);font-weight:600}.guide-intro{font-size:18px;line-height:1.8;color:var(--guide-ink)!important}.guide-callout{margin:30px 0;padding:24px 26px;border-left:3px solid var(--guide-blue);border-radius:4px 16px 16px 4px;background:rgba(127,216,255,.065)}.guide-callout p:last-child{margin-bottom:0}.guide-callout strong:first-child{color:var(--guide-blue)}
.guide-table-wrap{overflow-x:auto;margin:28px 0 34px;border:1px solid var(--guide-line);border-radius:16px}.guide-table{width:100%;border-collapse:collapse;min-width:620px}.guide-table th,.guide-table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--guide-line)}.guide-table tr:last-child td{border-bottom:0}.guide-table th{color:var(--guide-ink);font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.035)}.guide-table td{color:var(--guide-soft);font-size:14px}.guide-table td:first-child{color:var(--guide-ink);font-weight:600;width:28%}
.guide-steps{list-style:none!important;counter-reset:guide-step;margin:30px 0!important;padding:0!important;border-top:1px solid var(--guide-line)}.guide-steps>li{counter-increment:guide-step;display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;margin:0!important;padding:28px 0!important;border-bottom:1px solid var(--guide-line)}.guide-steps>li:before{content:counter(guide-step,decimal-leading-zero);display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,152,203,.28);border-radius:50%;color:var(--guide-pink);font-size:12px;font-weight:600}.guide-step-copy h3{margin:4px 0 10px}.guide-step-copy p:last-child{margin-bottom:0}
.guide-proof{margin:38px 0 0}.guide-proof img{display:block;width:100%;height:auto;border:1px solid var(--guide-line);border-radius:18px;background:#0d0c12;box-shadow:0 24px 60px rgba(0,0,0,.22)}.guide-proof figcaption{margin:14px 4px 0;color:var(--guide-muted);font-size:13px;line-height:1.7}.guide-proof figcaption strong{color:var(--guide-ink)}.guide-proof figcaption a{color:var(--guide-pink)}.guide-proof-raw{margin-top:34px}
.guide-visual-intro{margin-top:38px}.guide-visual-intro h3{margin-bottom:8px}.guide-visual-intro p{margin-bottom:20px}.guide-plugin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-plugin-card{display:flex;min-width:0;flex-direction:column;margin:0;overflow:hidden;border:1px solid var(--guide-line);border-radius:18px;background:rgba(255,255,255,.025)}.guide-plugin-wide{grid-column:1/-1}.guide-plugin-media{display:grid;place-items:center;min-height:250px;padding:16px;background:radial-gradient(ellipse at 50% 30%,rgba(127,216,255,.08),transparent 68%),#0c0b10}.guide-plugin-media img{display:block;width:100%;max-height:310px;object-fit:contain}.guide-plugin-card:nth-child(2) .guide-plugin-media{padding:0}.guide-plugin-card figcaption{display:flex;flex:1;flex-direction:column;padding:19px 18px 20px;color:var(--guide-muted);font-size:13px;line-height:1.65}.guide-plugin-card figcaption strong{display:block;margin-bottom:7px;color:var(--guide-ink);font-size:14px;line-height:1.45}.guide-plugin-card figcaption span{display:block}.guide-plugin-card figcaption a{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;padding-top:15px;color:var(--guide-pink);font-size:12px}.guide-vendor-note{margin:14px 2px 28px!important;color:var(--guide-muted)!important;font-size:12px;line-height:1.65}
.guide-checklist{display:grid;gap:10px;margin:24px 0!important;padding:0!important;list-style:none}.guide-checklist li{position:relative;margin:0;padding:12px 14px 12px 42px;border:1px solid var(--guide-line);border-radius:12px;background:rgba(255,255,255,.025)}.guide-checklist li:before{content:'✓';position:absolute;left:15px;top:12px;color:var(--guide-mint);font-weight:700}.guide-cta{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin:72px 0;padding:34px 36px;border:1px solid rgba(255,152,203,.24);border-radius:22px;background:radial-gradient(ellipse at 100% 100%,rgba(127,216,255,.12),transparent 55%),radial-gradient(ellipse at 0 0,rgba(255,152,203,.16),transparent 60%),var(--guide-surface)}.guide-cta h2{font-size:clamp(27px,3.2vw,38px);margin-bottom:10px}.guide-cta p{margin:0;color:var(--guide-soft)}.guide-cta .guide-button{white-space:nowrap}
.guide-faq{border-top:1px solid var(--guide-line)}.guide-faq details{border-bottom:1px solid var(--guide-line)}.guide-faq summary{position:relative;min-height:68px;padding:20px 42px 20px 0;cursor:pointer;list-style:none;color:var(--guide-ink);font-weight:600}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary:after{content:'+';position:absolute;right:6px;top:15px;color:var(--guide-pink);font-size:27px;font-weight:400}.guide-faq details[open] summary:after{content:'−'}.guide-faq .guide-answer{padding:0 34px 22px 0;color:var(--guide-soft)}
.guide-related{padding:58px 0 70px;border-top:1px solid var(--guide-line)}.guide-related-card{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px;border:1px solid var(--guide-line);border-radius:18px;background:rgba(255,255,255,.025)}.guide-related-card h2{font-size:clamp(25px,3vw,34px);margin:0}.guide-related-card p{margin:8px 0 0;color:var(--guide-muted);font-size:14px}
/* Article layout: title with the fast answer beside it, then reading column with a sticky rail. */
.guide-article-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:40px 56px;align-items:end;padding-bottom:52px;border-bottom:1px solid var(--guide-line);margin-bottom:8px}
.guide-article-intro .guide-article-hero{padding:34px 0 0}
.guide-article-intro .guide-article-hero h1{max-width:none}
.guide-article-intro .guide-summary{width:auto;margin:0}
.guide-article-layout{display:grid;grid-template-columns:minmax(0,var(--guide-reading)) minmax(260px,320px);gap:40px 64px;align-items:start;justify-content:space-between;padding-top:40px}
.guide-article-content{width:100%;min-width:0}
.guide-rail{position:sticky;top:104px;display:grid;gap:18px;min-width:0}
.guide-rail-title{margin:0 0 12px;color:var(--guide-pink);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.guide-rail-toc{padding:22px 22px 18px;border:1px solid var(--guide-line);border-radius:18px;background:rgba(255,255,255,.025)}
.guide-rail-toc ol{margin:0;padding:0;list-style:none;counter-reset:guide-toc}
.guide-rail-toc li{counter-increment:guide-toc}
.guide-rail-toc a{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--guide-line);color:var(--guide-soft);font-size:13px;line-height:1.45;text-decoration:none}
.guide-rail-toc li:first-child a{border-top:0}
.guide-rail-toc a:before{content:counter(guide-toc,decimal-leading-zero);flex:none;color:var(--guide-muted);font-size:11px;font-weight:600;letter-spacing:.06em;padding-top:2px}
.guide-rail-toc a:hover,.guide-rail-toc a[aria-current=true]{color:var(--guide-ink)}
.guide-rail-toc a[aria-current=true]:before{color:var(--guide-pink)}
.guide-rail-card{display:grid;gap:12px;padding:24px 22px;border:1px solid rgba(255,152,203,.26);border-radius:18px;background:radial-gradient(ellipse at 100% 0,rgba(255,152,203,.16),transparent 55%),radial-gradient(ellipse at 0 100%,rgba(127,216,255,.1),transparent 55%),var(--guide-surface)}
.guide-rail-card .guide-rail-title{margin-bottom:0}
.guide-rail-card .guide-rail-lead{margin:0;color:var(--guide-ink);font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.15}
.guide-rail-card p{margin:0;color:var(--guide-soft);font-size:13px;line-height:1.6}
.guide-rail-card .guide-button{width:100%;margin-top:6px}
.guide-rail-more{display:inline-flex;align-items:center;min-height:36px;color:var(--guide-muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}
.guide-rail-more:hover{color:var(--guide-ink)}
@media(max-width:1024px){.guide-article-intro{grid-template-columns:1fr;gap:28px;align-items:start}.guide-article-intro .guide-summary{width:min(var(--guide-reading),100%)}.guide-article-layout{grid-template-columns:minmax(0,1fr);gap:32px}.guide-rail{position:static;order:-1}.guide-rail-card{display:none}.guide-rail-toc ol{display:flex;flex-wrap:wrap;gap:8px}.guide-rail-toc li{flex:none}.guide-rail-toc a,.guide-rail-toc li:first-child a{padding:0 12px;min-height:38px;align-items:center;border:1px solid var(--guide-line);border-radius:999px;font-size:12px}.guide-rail-toc a:before{display:none}}
.guide-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.guide-library{padding-top:62px}
.guide-group{padding-bottom:52px}
.guide-group+.guide-group{padding-top:52px;border-top:1px solid var(--guide-line)}
.guide-group-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px 48px;align-items:baseline;margin-bottom:26px}
.guide-group-head h2{margin:0;font-size:clamp(26px,3.2vw,36px);line-height:1.1;letter-spacing:-.04em;font-weight:600}
.guide-group-head p{margin:0;color:var(--guide-muted);font-size:14px;line-height:1.65}
.guide-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:860px){.guide-group-head{grid-template-columns:1fr;gap:10px}.guide-index{grid-template-columns:1fr}.guide-library{padding-top:48px}.guide-group{padding-bottom:40px}.guide-group+.guide-group{padding-top:40px}}
@media(max-width:800px){.guide-wrap{width:calc(100% - 40px)}.guide-hero{padding:56px 0}.guide-section{padding:54px 0}.guide-section-head{grid-template-columns:1fr;gap:15px}.guide-feature{grid-template-columns:1fr}.guide-feature-copy{padding:30px 24px}.guide-feature-visual{min-height:250px}.guide-principles{grid-template-columns:1fr}.guide-roadmap{grid-template-columns:1fr}.guide-roadmap-item:nth-child(odd){border-right:0}.guide-roadmap-item:nth-child(even){padding-left:0}.guide-breadcrumbs{padding-top:28px}.guide-article-hero{padding:36px 0 36px}.guide-summary{padding:24px 21px;margin-bottom:48px}.guide-steps>li{grid-template-columns:40px minmax(0,1fr);gap:14px}.guide-cta{grid-template-columns:1fr;padding:28px 22px}.guide-cta .guide-button{width:100%}.guide-related-card{align-items:flex-start;flex-direction:column}.guide-related-card .guide-button{width:100%}}
@media(max-width:640px){.guide-plugin-grid{grid-template-columns:1fr}.guide-plugin-wide{grid-column:auto}.guide-plugin-media{min-height:220px;padding:12px}.guide-plugin-media img{max-height:270px}.guide-proof img{border-radius:13px}.guide-proof figcaption{margin-inline:1px}}
@media(max-width:420px){.guide-wrap{width:calc(100% - 30px)}.guide-hero h1{font-size:42px}.guide-actions{display:grid}.guide-button{width:100%}.guide-feature-copy{padding:26px 20px}.guide-feature h3{font-size:30px}.guide-article-hero h1{font-size:40px}.guide-summary p{font-size:16px}.guide-steps>li{grid-template-columns:1fr;gap:10px}.guide-steps>li:before{width:36px;height:36px}.guide-table-wrap{margin-inline:-4px}.guide-cta{margin-inline:-2px}.guide-byline span+span:before{display:none}}
@media(max-width:640px){.guide-table{min-width:0}.guide-table thead{display:none}.guide-table tr{display:block;padding:14px 16px}.guide-table tr+tr{border-top:1px solid var(--guide-line)}.guide-table td{display:block;width:auto;border-bottom:0;padding:4px 0;font-size:15px}.guide-table td:first-child{width:auto}.guide-table td:last-child{padding-bottom:0}.guide-table td[data-th]:not([data-th=""])::before{content:attr(data-th);display:block;color:var(--guide-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.guide-table-wrap{overflow:visible}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-button,.guide-card-link:after{transition:none}.guide-button:hover{transform:none}}

/* ---------- Guides library (20 Sep 2026) ----------
   Every guide is a card that says what it is, how long it takes and where the click goes. The icon sets the topic,
   the pink "Read guide" line is the button, and the whole card lifts when you point at it. */
.guide-hero{padding:72px 0 56px}
.guide-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.guide-jump a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border:1px solid var(--guide-line);border-radius:999px;background:rgba(255,255,255,.03);text-decoration:none;font-size:14px;font-weight:500;color:var(--guide-soft);transition:border-color .18s,color .18s,background .18s}
.guide-jump a i{width:8px;height:8px;border-radius:50%;background:var(--tone)}
.guide-jump a:hover{color:var(--guide-ink);border-color:var(--tone);background:rgba(255,255,255,.06)}
[data-tone=pink]{--tone:var(--guide-pink);--tone-soft:rgba(255,152,203,.13);--tone-edge:rgba(255,152,203,.42)}
[data-tone=blue]{--tone:var(--guide-blue);--tone-soft:rgba(127,216,255,.12);--tone-edge:rgba(127,216,255,.4)}
[data-tone=mint]{--tone:var(--guide-mint);--tone-soft:rgba(158,240,195,.12);--tone-edge:rgba(158,240,195,.4)}
.guide-group{scroll-margin-top:96px}
.guide-group-head h2 sup{display:inline-block;margin-left:10px;padding:4px 10px;border-radius:999px;background:var(--tone-soft);color:var(--tone);font-size:11px;font-weight:600;letter-spacing:.06em;line-height:1.4;text-transform:uppercase;vertical-align:middle;position:relative;top:-3px}
.guide-index{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:960px){.guide-index{grid-template-columns:1fr}}
.guide-index-item{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 24px 20px;border:1px solid var(--guide-line);border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:inset 0 1px rgba(255,255,255,.05);text-decoration:none;overflow:hidden;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}
.guide-index-item:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--tone),transparent 70%);opacity:.55;transition:opacity .2s}
.guide-index-item:hover,.guide-index-item:focus-visible{border-color:var(--tone-edge);background:linear-gradient(160deg,var(--tone-soft),rgba(255,255,255,.015));transform:translateY(-3px);box-shadow:inset 0 1px rgba(255,255,255,.07),0 22px 50px rgba(0,0,0,.35)}
.guide-index-item:hover:before{opacity:1}
.guide-index-item:active{transform:translateY(0) scale(.99)}
.guide-index-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.guide-index-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--tone-soft);border:1px solid var(--tone-edge);color:var(--tone);transition:transform .25s}
.guide-index-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.guide-index-item:hover .guide-index-icon{transform:scale(1.06) rotate(-3deg)}
.guide-index-top u{text-decoration:none;color:var(--guide-muted);font-size:12px;font-weight:600;letter-spacing:.12em;opacity:.6}
.guide-index-item span{display:block;color:var(--guide-ink);font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.32}
.guide-index-item small{display:block;color:var(--guide-muted);font-size:14px;line-height:1.55}
.guide-index-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px}
.guide-index-foot em{color:var(--guide-muted);font-size:11.5px;font-style:normal;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.guide-index-go{display:inline-flex;align-items:center;gap:7px;color:var(--tone);font-size:14px;font-weight:600;white-space:nowrap}
.guide-index-arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.guide-index-item:hover .guide-index-arrow{transform:translateX(5px)}
.guide-index-item[data-featured]{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;padding:0;align-items:stretch}
.guide-index-art{margin:0;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:radial-gradient(ellipse at 0 0,rgba(255,152,203,.14),transparent 60%),rgba(0,0,0,.22);border-right:1px solid var(--guide-line)}
.guide-index-art img{display:block;width:100%;height:auto;border-radius:12px}
.guide-index-art figcaption{color:var(--guide-muted);font-size:12px;line-height:1.55;padding:0 4px}
.guide-index-art figcaption strong{color:var(--guide-soft);font-weight:600}
.guide-index-body{display:flex;flex-direction:column;gap:10px;padding:32px 34px 28px}
.guide-index-flag{align-self:flex-start;margin:0 0 6px;padding:5px 12px;border-radius:999px;background:var(--guide-pink);color:#1d0c16;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.guide-index-item[data-featured] span{font-size:clamp(22px,2.4vw,30px);line-height:1.2;letter-spacing:-.035em}
.guide-index-item[data-featured] small{font-size:15.5px}
.guide-index-item[data-featured] .guide-index-go{min-height:46px;padding:0 20px;border-radius:999px;background:linear-gradient(120deg,#ffb5d9,var(--guide-pink));color:#1d0c16;box-shadow:0 12px 34px rgba(255,152,203,.2)}
.guide-finish{padding:0 0 70px}
@media(max-width:860px){
.guide-index-item[data-featured]{grid-template-columns:1fr}
.guide-index-art{border-right:0;border-bottom:1px solid var(--guide-line);padding:14px}
.guide-index-body{padding:22px 20px 20px}
.guide-index-item{padding:20px 20px 18px}
}
@media(max-width:800px){.guide-hero{padding:44px 0 40px}.guide-jump{margin-top:26px;gap:8px}.guide-jump a{min-height:44px;padding:0 15px;font-size:13px}}
@media(max-width:420px){.guide-index-item[data-featured] .guide-index-foot{flex-direction:column-reverse;align-items:stretch;gap:14px}.guide-index-item[data-featured] .guide-index-go{justify-content:center}.guide-group-head h2 sup{top:-2px}}
@media(prefers-reduced-motion:reduce){.guide-index-item,.guide-index-icon,.guide-index-arrow{transition:none}.guide-index-item:hover,.guide-index-item:hover .guide-index-icon,.guide-index-item:hover .guide-index-arrow{transform:none}}
@media(max-width:960px){
.guide-index-item:not([data-featured]){display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;row-gap:5px;align-items:start}
.guide-index-item:not([data-featured]) .guide-index-top{grid-row:1/4;margin:2px 0 0}
.guide-index-item:not([data-featured]) .guide-index-top u{display:none}
.guide-index-item:not([data-featured])>span,.guide-index-item:not([data-featured])>small,.guide-index-item:not([data-featured])>.guide-index-foot{grid-column:2}
.guide-index-item span{font-size:17px}
.guide-index-foot{padding-top:10px}
}

@media(max-width:960px){html{scroll-padding-top:84px}}