/* STLBEAST V898 — Guide + Fix presentation upgrade
   Scoped to the shared guide system, guide library and visual answer engine. */
:root{
  --v898-bg:#020711;
  --v898-panel:#07111d;
  --v898-panel-2:#0a1827;
  --v898-panel-3:#0d2033;
  --v898-line:#183b58;
  --v898-line-strong:#256992;
  --v898-blue:#16a9f2;
  --v898-blue-soft:#8bd7ff;
  --v898-text:#f4f8fc;
  --v898-muted:#a8bfd1;
  --v898-green:#42d39b;
  --v898-gold:#f2c45b;
  --v898-danger:#ff756f;
  --v898-shadow:0 24px 70px rgba(0,0,0,.38);
  --v898-radius:22px;
}

/* Shared page atmosphere */
.v662-guide,
.v898-library,
.v898-fix-engine{
  background:
    radial-gradient(circle at 8% 0%,rgba(22,169,242,.12),transparent 32rem),
    radial-gradient(circle at 92% 12%,rgba(52,89,255,.10),transparent 36rem),
    linear-gradient(180deg,#020711 0%,#04101b 46%,#020711 100%);
  color:var(--v898-text);
}
.v662-guide :where(h1,h2,h3),
.v898-library :where(h1,h2,h3),
.v898-fix-engine :where(h1,h2,h3){letter-spacing:-.025em;text-wrap:balance}
.v662-guide :where(p,li,td),
.v898-library :where(p,li),
.v898-fix-engine :where(p,li){line-height:1.7}
.v662-guide a:focus-visible,
.v898-library a:focus-visible,
.v898-fix-engine a:focus-visible,
.v662-guide button:focus-visible,
.v898-library button:focus-visible,
.v898-fix-engine button:focus-visible,
.v898-library input:focus-visible,
.v898-library select:focus-visible,
.v898-fix-engine input:focus-visible{outline:3px solid rgba(22,169,242,.8);outline-offset:3px}

/* Individual guide hero */
.v662-guide.v898-guide .v662-guide-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(28px,5vw,76px) 0 clamp(32px,5vw,72px);
  background:
    linear-gradient(115deg,rgba(2,7,17,.98),rgba(6,22,39,.92) 58%,rgba(3,11,23,.98)),
    radial-gradient(circle at 76% 18%,rgba(22,169,242,.18),transparent 34rem);
  border-bottom:1px solid rgba(68,154,205,.28);
}
.v662-guide.v898-guide .v662-guide-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg,#000,transparent 72%);
}
.v662-guide.v898-guide .v663-hero-grid{position:relative;z-index:1;gap:clamp(28px,4vw,64px);align-items:center}
.v662-guide.v898-guide .v898-hero-copy{min-width:0}
.v662-guide.v898-guide .v662-crumbs{margin-bottom:18px;color:#88abc2;font-size:.82rem}
.v662-guide.v898-guide .v662-crumbs a{color:#b9d1e2;text-decoration:none}
.v662-guide.v898-guide .v662-crumbs a:hover{color:#fff}
.v662-guide.v898-guide .v662-guide-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.v662-guide.v898-guide .v662-guide-meta span{
  border:1px solid rgba(91,181,231,.28);border-radius:999px;background:rgba(7,22,36,.72);
  color:#b8d8ec;font-size:.74rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;padding:7px 10px;
}
.v662-guide.v898-guide h1{max-width:900px;margin:0;color:#fff;font-size:clamp(2.35rem,5.4vw,4.9rem);line-height:.98}
.v662-guide.v898-guide .v662-lead{max-width:780px;margin:22px 0 0;color:#bdd0df;font-size:clamp(1.02rem,1.7vw,1.28rem)}
.v662-guide.v898-guide .v662-answer{
  position:relative;max-width:820px;margin:25px 0 0;padding:20px 22px 20px 25px;
  border:1px solid rgba(70,191,246,.45);border-radius:18px;background:linear-gradient(135deg,rgba(13,39,59,.9),rgba(5,20,34,.92));
  box-shadow:0 18px 40px rgba(0,0,0,.24),inset 4px 0 0 var(--v898-blue);
}
.v662-guide.v898-guide .v662-answer b{display:block;color:#7fd5ff;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.v662-guide.v898-guide .v662-answer p{margin:0;color:#fff;font-size:1.04rem}
.v662-guide.v898-guide .hub2-guide-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.v662-guide.v898-guide .hub2-guide-toolbar :is(a,button){
  min-height:42px;padding:10px 14px;border:1px solid rgba(63,151,202,.48);border-radius:12px;background:#071522;color:#d9eefb;
  font:inherit;font-size:.82rem;font-weight:800;text-decoration:none;cursor:pointer;transition:.18s ease;
}
.v662-guide.v898-guide .hub2-guide-toolbar :is(a,button):hover{transform:translateY(-1px);border-color:#3abcf9;background:#0b2134;color:#fff}
.v662-guide.v898-guide .hub2-guide-toolbar a:first-of-type{background:linear-gradient(135deg,#087cb9,#16a9f2);border-color:#29b8fa;color:#00101b}
.v662-guide.v898-guide .v663-hero-visual{
  border:1px solid rgba(87,173,226,.42);border-radius:24px;overflow:hidden;background:#06111e;box-shadow:var(--v898-shadow),0 0 0 6px rgba(17,89,132,.09);
}
.v662-guide.v898-guide .v663-hero-visual img{display:block;width:100%;height:auto}
.v662-guide.v898-guide .v663-hero-visual figcaption{display:flex;gap:8px;align-items:flex-start;padding:14px 16px;color:#adc8d9;background:rgba(2,10,18,.94);font-size:.83rem}
.v662-guide.v898-guide .v663-hero-visual figcaption strong{color:#fff;white-space:nowrap}

/* Summary and route */
.v662-guide.v898-guide .v896-at-a-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:-24px;position:relative;z-index:3}
.v662-guide.v898-guide .v896-at-a-glance article{
  min-height:155px;padding:21px;border:1px solid rgba(61,139,185,.35);border-radius:18px;background:linear-gradient(155deg,rgba(11,29,46,.98),rgba(5,17,29,.98));box-shadow:0 18px 44px rgba(0,0,0,.24)
}
.v662-guide.v898-guide .v896-at-a-glance article>span{display:block;color:#76cff8;font-size:.72rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px}
.v662-guide.v898-guide .v896-at-a-glance b{font-size:1.03rem;color:#fff}
.v662-guide.v898-guide .v896-at-a-glance p,.v662-guide.v898-guide .v896-at-a-glance li{color:#a9c2d4;font-size:.9rem}
.v662-guide.v898-guide .v895-guide-route{
  position:sticky;top:8px;z-index:35;display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:24px auto 30px;padding:8px;
  border:1px solid rgba(48,130,178,.38);border-radius:18px;background:rgba(2,10,19,.9);box-shadow:0 18px 40px rgba(0,0,0,.32);backdrop-filter:blur(18px)
}
.v662-guide.v898-guide .v895-guide-route a{position:relative;display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;padding:11px 13px;border-radius:12px;color:#a9c3d5;text-decoration:none;transition:.18s ease}
.v662-guide.v898-guide .v895-guide-route a+ a::before{content:"";position:absolute;left:0;top:16%;height:68%;width:1px;background:rgba(98,153,188,.22)}
.v662-guide.v898-guide .v895-guide-route a span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border:1px solid #286385;border-radius:50%;font-size:.75rem;font-weight:900;color:#83d8ff;background:#071a2a}
.v662-guide.v898-guide .v895-guide-route a b{font-size:.88rem;color:#e8f6ff}
.v662-guide.v898-guide .v895-guide-route a small{font-size:.7rem;color:#809bae}
.v662-guide.v898-guide .v895-guide-route a:hover,.v662-guide.v898-guide .v895-guide-route a.is-active{background:linear-gradient(135deg,rgba(11,92,139,.6),rgba(6,36,60,.65));color:#fff}
.v662-guide.v898-guide .v895-guide-route a.is-active span{background:#16a9f2;border-color:#55c8ff;color:#00111c}

/* Guide content frame */
.v662-guide.v898-guide .hub2-guide-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:clamp(22px,3.5vw,48px);max-width:1320px;margin:0 auto;padding:0 24px 80px}
.v662-guide.v898-guide .hub2-guide-layout>.hub2-toc{
  position:sticky;top:104px;align-self:start;max-height:calc(100vh - 122px);overflow:auto;padding:18px;border:1px solid rgba(46,116,158,.34);border-radius:18px;background:rgba(5,17,29,.88);box-shadow:0 18px 40px rgba(0,0,0,.22);scrollbar-width:thin
}
.v662-guide.v898-guide .hub2-toc strong{display:block;margin:0 0 10px;color:#fff;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.v662-guide.v898-guide .hub2-toc a{display:block;padding:8px 10px;border-left:2px solid transparent;border-radius:7px;color:#91adbf;text-decoration:none;font-size:.82rem;transition:.15s ease}
.v662-guide.v898-guide .hub2-toc a:hover,.v662-guide.v898-guide .hub2-toc a.is-active{border-left-color:#16a9f2;background:rgba(22,169,242,.09);color:#fff}
.v662-guide.v898-guide .hub2-guide-layout>div{min-width:0}
.v662-guide.v898-guide .hub2-guide-layout .v662-shell{width:100%;max-width:none;margin:0 0 24px;padding:0}
.v662-guide.v898-guide .v662-card{
  border:1px solid rgba(46,120,163,.32);border-radius:var(--v898-radius);background:linear-gradient(155deg,rgba(9,27,43,.97),rgba(4,15,26,.98));
  box-shadow:0 18px 46px rgba(0,0,0,.22);overflow:hidden
}
.v662-guide.v898-guide .v662-card>h2,
.v662-guide.v898-guide .v895-section-heading{margin:0;padding:24px 25px 19px;border-bottom:1px solid rgba(59,129,169,.22);background:linear-gradient(90deg,rgba(18,58,86,.34),transparent)}
.v662-guide.v898-guide .v662-card>h2{font-size:clamp(1.35rem,2vw,1.85rem)}
.v662-guide.v898-guide .v662-card>p{padding-left:25px;padding-right:25px}
.v662-guide.v898-guide .v662-card>:last-child{margin-bottom:0}
.v662-guide.v898-guide .v663-before .v662-card{border-color:rgba(242,196,91,.32);background:linear-gradient(155deg,rgba(40,31,12,.45),rgba(6,17,27,.98))}
.v662-guide.v898-guide .v663-before .v662-card>h2::before{content:"Before you start";display:block;color:#f2c45b;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.v662-guide.v898-guide .v662-guide-grid{gap:18px}
.v662-guide.v898-guide .v662-checklist,.v662-guide.v898-guide .v662-ranked,.v662-guide.v898-guide .v662-steps{margin:0;padding:20px 25px 25px}
.v662-guide.v898-guide .v662-checklist li{position:relative;margin:0;padding:10px 0 10px 31px;border-bottom:1px solid rgba(78,129,159,.15);color:#c4d6e2}
.v662-guide.v898-guide .v662-checklist li:last-child{border-bottom:0}
.v662-guide.v898-guide .v662-checklist li::before{position:absolute;left:0;top:12px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(22,169,242,.12);color:#63cafa;font-size:.72rem}
.v662-guide.v898-guide .v662-ranked{counter-reset:v898cause;list-style:none;display:grid;gap:10px}
.v662-guide.v898-guide .v662-ranked li{counter-increment:v898cause;position:relative;padding:15px 16px 15px 56px;border:1px solid rgba(57,126,165,.25);border-radius:14px;background:#071724}
.v662-guide.v898-guide .v662-ranked li::before{content:counter(v898cause);position:absolute;left:15px;top:15px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #306c8f;border-radius:9px;background:#0a2337;color:#8edcff;font-weight:900;font-size:.78rem}
.v662-guide.v898-guide .v662-ranked li b{display:block;color:#fff;margin-bottom:4px}
.v662-guide.v898-guide .v662-ranked li span{color:#9fb9cb;font-size:.9rem}
.v662-guide.v898-guide .v896-decision-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:19px 21px;border:1px solid rgba(22,169,242,.5);border-radius:18px;background:linear-gradient(135deg,rgba(10,80,117,.52),rgba(5,21,35,.96));box-shadow:0 16px 38px rgba(0,0,0,.22)}
.v662-guide.v898-guide .v896-decision-card>span{color:#75d3ff;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.v662-guide.v898-guide .v896-decision-card b{color:#fff}
.v662-guide.v898-guide .v896-decision-card p{margin:3px 0 0;color:#a8c1d1;font-size:.86rem}
.v662-guide.v898-guide .v896-decision-card a{padding:10px 13px;border-radius:10px;background:#16a9f2;color:#00111c;text-decoration:none;font-weight:900;font-size:.82rem;white-space:nowrap}

/* Repair sequence */
.v662-guide.v898-guide .v895-repair-card{border-color:rgba(22,169,242,.48)}
.v662-guide.v898-guide .v895-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.v662-guide.v898-guide .v895-section-kicker{display:block;color:#70cff9;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}
.v662-guide.v898-guide .v895-section-heading h2{margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem)}
.v662-guide.v898-guide :is(.v895-reset-steps,.v895-copy-settings){padding:9px 12px;border:1px solid #2c688c;border-radius:10px;background:#071927;color:#bce7ff;font:inherit;font-size:.76rem;font-weight:900;cursor:pointer}
.v662-guide.v898-guide .v895-repair-card>p{margin:20px 0 0;color:#abc2d2}
.v662-guide.v898-guide .v662-steps{counter-reset:v898step;list-style:none;display:grid;gap:12px}
.v662-guide.v898-guide .v662-steps>li{counter-increment:v898step;position:relative;min-height:68px;padding:17px 52px 17px 66px;border:1px solid rgba(57,129,171,.28);border-radius:15px;background:linear-gradient(135deg,#081c2b,#06131f);color:#d3e1ea}
.v662-guide.v898-guide .v662-steps>li::before{content:counter(v898step);position:absolute;left:17px;top:15px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#168fc9,#16a9f2);color:#00111c;font-weight:950}
.v662-guide.v898-guide .v662-steps>li.v895-step-done{opacity:.66;border-color:rgba(66,211,155,.48);background:rgba(11,45,38,.55);text-decoration:line-through;text-decoration-thickness:1px}
.v662-guide.v898-guide .v895-step-toggle{right:14px;top:15px;width:34px;height:34px;border-radius:50%;border:1px solid #347899;background:#071a28}
.v662-guide.v898-guide .v895-step-toggle::after{content:"✓";color:#82ddff;font-weight:900}
.v662-guide.v898-guide .v895-step-done .v895-step-toggle{background:#42d39b;border-color:#73e8bd}
.v662-guide.v898-guide .v895-step-done .v895-step-toggle::after{color:#052116}
.v662-guide.v898-guide .v662-warning{display:grid;grid-template-columns:auto 1fr;gap:13px;margin:0 25px 25px;padding:16px 17px;border:1px solid rgba(255,117,111,.36);border-radius:14px;background:rgba(74,22,24,.36)}
.v662-guide.v898-guide .v662-warning b{color:#ffaaa5}
.v662-guide.v898-guide .v662-warning span{color:#d7c3c2}

/* Tables, notes, details */
.v662-guide.v898-guide .v895-table-scroll{margin:0;padding:0 22px 24px;overflow:auto}
.v662-guide.v898-guide table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid rgba(59,132,174,.3);border-radius:14px;background:#06131f}
.v662-guide.v898-guide th{padding:13px 15px;background:#0b2b40;color:#dff5ff;text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.v662-guide.v898-guide td{padding:14px 15px;border-top:1px solid rgba(65,127,164,.2);color:#bdd0dc;vertical-align:top}
.v662-guide.v898-guide td:first-child{color:#fff;font-weight:800;width:33%}
.v662-guide.v898-guide .v662-note-list{display:grid;gap:10px;padding:20px 24px 25px}
.v662-guide.v898-guide .v662-note-list>div{padding:15px 16px;border:1px solid rgba(61,128,168,.24);border-radius:13px;background:#071724}
.v662-guide.v898-guide .v662-note-list b{color:#e8f6ff}
.v662-guide.v898-guide .v662-note-list p{margin:5px 0 0;color:#9fb8c9;font-size:.9rem}
.v662-guide.v898-guide .v662-faq{padding-bottom:12px}
.v662-guide.v898-guide .v662-faq details{margin:10px 20px;border:1px solid rgba(61,131,171,.25);border-radius:13px;background:#071724;overflow:hidden}
.v662-guide.v898-guide .v662-faq summary{padding:15px 45px 15px 16px;color:#eef9ff;font-weight:800;cursor:pointer;position:relative}
.v662-guide.v898-guide .v662-faq summary::after{content:"+";position:absolute;right:16px;top:11px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0c2b40;color:#76d3fd}
.v662-guide.v898-guide .v662-faq details[open] summary::after{content:"–"}
.v662-guide.v898-guide .v662-faq details p{margin:0;padding:0 16px 17px;color:#a9c0d0}
.v662-guide.v898-guide .v662-checklist.success li::before{background:rgba(66,211,155,.16);color:#61e0ae}
.v662-guide.v898-guide #verify .v662-card:first-child{border-color:rgba(66,211,155,.34)}
.v662-guide.v898-guide #prevent{border-color:rgba(242,196,91,.3)}
.v662-guide.v898-guide .v662-related{padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v662-guide.v898-guide .v662-related a{overflow:hidden;border:1px solid rgba(57,127,167,.28);border-radius:15px;background:#061522;text-decoration:none;transition:.18s ease}
.v662-guide.v898-guide .v662-related a:hover{transform:translateY(-3px);border-color:#2fb8f8;box-shadow:0 18px 35px rgba(0,0,0,.28)}
.v662-guide.v898-guide .v662-related img{aspect-ratio:16/9;object-fit:cover}
.v662-guide.v898-guide .v662-related :is(span,b,em){display:block;padding-left:14px;padding-right:14px}
.v662-guide.v898-guide .v662-related span{padding-top:12px;color:#6ccdfa;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.v662-guide.v898-guide .v662-related b{padding-top:5px;color:#fff}
.v662-guide.v898-guide .v662-related em{padding-top:10px;padding-bottom:14px;color:#9edcff;font-style:normal;font-size:.8rem}

/* Current-section utilities */
.v898-section-link{margin-left:9px;padding:4px 7px;border:0;border-radius:7px;background:transparent;color:#5ba8d1;cursor:pointer;font-size:.75rem;vertical-align:middle;opacity:.5}
.v898-section-link:hover{opacity:1;background:rgba(22,169,242,.12)}
.v898-section-status{position:fixed;right:20px;bottom:80px;z-index:32;max-width:270px;padding:10px 13px;border:1px solid rgba(55,137,184,.42);border-radius:12px;background:rgba(3,14,24,.92);color:#a8c6d8;font-size:.78rem;box-shadow:0 14px 32px rgba(0,0,0,.28);backdrop-filter:blur(12px);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s ease}
.v898-section-status.show{opacity:1;transform:none}

/* Guide library */
.v898-library{padding-bottom:70px}
.v898-library .v895-library-hero{position:relative;overflow:hidden;padding:clamp(34px,6vw,78px);border-bottom:1px solid rgba(57,139,187,.26);background:linear-gradient(125deg,rgba(3,12,22,.98),rgba(7,32,52,.93)),radial-gradient(circle at 82% 15%,rgba(22,169,242,.22),transparent 30rem)}
.v898-library .v895-library-hero::after{content:"";position:absolute;right:-90px;top:-120px;width:430px;height:430px;border-radius:50%;border:1px solid rgba(45,177,239,.18);box-shadow:0 0 0 45px rgba(40,151,214,.035),0 0 0 90px rgba(40,151,214,.025);pointer-events:none}
.v898-library .v895-library-hero>*{position:relative;z-index:1}
.v898-library .v895-library-hero h1{max-width:850px;font-size:clamp(2.45rem,5.2vw,5rem);line-height:.98;margin:14px 0 18px;color:#fff}
.v898-library .v895-library-hero>p{max-width:780px;font-size:1.12rem;color:#b8ccda}
.v898-library .v895-library-search{display:grid;grid-template-columns:minmax(0,1fr) 230px auto;gap:10px;max-width:1060px;margin-top:28px;padding:10px;border:1px solid rgba(77,167,217,.4);border-radius:18px;background:rgba(3,14,24,.86);box-shadow:0 18px 44px rgba(0,0,0,.25)}
.v898-library .v895-library-search :is(input,select,button){min-height:52px;border-radius:12px;border:1px solid rgba(65,135,176,.34);font:inherit}
.v898-library .v895-library-search :is(input,select){padding:0 16px;background:#071522;color:#eef9ff}
.v898-library .v895-library-search input::placeholder{color:#7996a9}
.v898-library .v895-library-search button{padding:0 18px;background:linear-gradient(135deg,#0a87c6,#16a9f2);color:#00111b;font-weight:950;cursor:pointer}
.v898-library .v896-symptom-chips{margin-top:17px}
.v898-library .v896-symptom-chips button{border-radius:999px}
.v898-library .v895-library-status{display:flex;align-items:baseline;gap:8px;margin-top:18px;color:#9bb6c8}
.v898-library .v895-library-status strong{font-size:1.7rem;color:#fff}
.v898-library .v895-library-status button{margin-left:auto}
.v898-library .v895-start-route{margin-top:26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.v898-library .v895-start-route a{padding:18px;border:1px solid rgba(56,132,174,.3);border-radius:16px;background:linear-gradient(145deg,rgba(11,31,49,.95),rgba(5,18,31,.96));text-decoration:none;transition:.18s ease}
.v898-library .v895-start-route a:hover{transform:translateY(-3px);border-color:#2db8f8;box-shadow:0 17px 36px rgba(0,0,0,.24)}
.v898-library .v895-start-route span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#0b3a56;color:#83d9ff;font-weight:900;font-size:.75rem}
.v898-library .v895-start-route b{display:block;margin-top:12px;color:#fff}
.v898-library .v895-start-route small{display:block;margin-top:4px;color:#91aabc;line-height:1.45}
.v898-library .hub2-trust-row{margin-top:18px;border-radius:16px;overflow:hidden}
.v898-library .v898-library-toolbar{position:sticky;top:8px;z-index:25;max-width:1240px;margin:22px auto;padding:12px 14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(55,134,181,.38);border-radius:16px;background:rgba(3,14,24,.9);box-shadow:0 16px 35px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.v898-library .v898-library-toolbar strong{color:#fff;margin-right:auto}
.v898-library .v898-library-toolbar label{display:flex;align-items:center;gap:8px;color:#91adbf;font-size:.8rem}
.v898-library .v898-library-toolbar select{min-height:38px;padding:0 34px 0 11px;border:1px solid #285c7b;border-radius:9px;background:#071724;color:#e8f6ff}
.v898-library .v898-view-buttons{display:flex;gap:6px}
.v898-library .v898-view-buttons button{min-height:38px;padding:0 11px;border:1px solid #285c7b;border-radius:9px;background:#071724;color:#9fc3d9;cursor:pointer}
.v898-library .v898-view-buttons button[aria-pressed="true"]{background:#16a9f2;border-color:#47c2fb;color:#00111c}
.v898-library .hub2-section{max-width:1240px;margin-left:auto;margin-right:auto}
.v898-library .v895-guide-group{padding-top:24px}
.v898-library .v895-guide-group .hub2-section-head{padding:0 4px 14px;border-bottom:1px solid rgba(58,126,167,.22);margin-bottom:16px}
.v898-library .v895-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v898-library .v895-guide-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border:1px solid rgba(52,124,166,.28);border-radius:18px;background:linear-gradient(150deg,#081a2a,#04121f);text-decoration:none;box-shadow:0 16px 36px rgba(0,0,0,.18);transition:.2s ease}
.v898-library .v895-guide-card:hover{transform:translateY(-5px);border-color:#2ab5f6;box-shadow:0 24px 48px rgba(0,0,0,.3)}
.v898-library .v895-guide-card figure{position:relative;overflow:hidden;aspect-ratio:16/9;margin:0;background:#06111d}
.v898-library .v895-guide-card figure::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(2,9,16,.9))}
.v898-library .v895-guide-card img{width:100%;height:100%;object-fit:cover;transition:.35s ease}
.v898-library .v895-guide-card:hover img{transform:scale(1.04)}
.v898-library .v898-card-category{position:absolute;left:12px;bottom:11px;z-index:2;padding:6px 9px;border:1px solid rgba(94,196,244,.42);border-radius:999px;background:rgba(2,12,20,.78);color:#93ddff;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(8px)}
.v898-library .v895-guide-card-body{display:flex;flex:1;flex-direction:column;padding:18px}
.v898-library .v895-guide-card-meta{display:flex;gap:7px}
.v898-library .v895-guide-card-meta span{padding:5px 8px;border-radius:999px;background:#0b2b41;color:#97d9fb;font-size:.68rem;font-weight:850}
.v898-library .v895-guide-card h3{font-size:1.2rem;margin:12px 0 7px;color:#fff}
.v898-library .v895-guide-card p{margin:0;color:#9eb7c8;font-size:.89rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.v898-library .v895-guide-card strong{margin-top:auto;padding-top:17px;color:#83d9ff;font-size:.8rem}
.v898-library.is-compact .v895-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v898-library.is-compact .v895-guide-card{display:grid;grid-template-columns:170px 1fr}
.v898-library.is-compact .v895-guide-card figure{aspect-ratio:auto;min-height:160px}
.v898-library.is-compact .v895-guide-card p{-webkit-line-clamp:2}

/* Fix library */
.v898-fix-engine .v895-fix-hero{position:relative;overflow:hidden;min-height:470px;padding:clamp(34px,6vw,78px);border-bottom:1px solid rgba(54,136,183,.26);background:linear-gradient(120deg,rgba(3,12,22,.99),rgba(5,29,48,.95)),radial-gradient(circle at 80% 20%,rgba(22,169,242,.2),transparent 30rem)}
.v898-fix-engine .v895-fix-hero .h721-copy{max-width:820px}
.v898-fix-engine .v895-fix-hero h1{font-size:clamp(2.6rem,5.5vw,5.3rem);line-height:.94;color:#fff}
.v898-fix-engine .v895-fix-hero h1 em{color:#59c8fb;font-style:normal}
.v898-fix-engine .v895-fix-hero .h721-lead{max-width:760px;color:#b4c9d8;font-size:1.12rem}
.v898-fix-engine .h721-orb{box-shadow:0 0 0 22px rgba(22,169,242,.04),0 0 100px rgba(22,169,242,.25)}
.v898-fix-engine .v895-fix-route{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1180px;margin:-38px auto 24px;position:relative;z-index:3}
.v898-fix-engine .v895-fix-route article{padding:20px;border:1px solid rgba(57,135,180,.38);border-radius:17px;background:linear-gradient(145deg,#0a1d2e,#05131f);box-shadow:0 18px 42px rgba(0,0,0,.26)}
.v898-fix-engine .v895-fix-route article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#0d4160;color:#8bdcff;font-weight:950}
.v898-fix-engine .v895-fix-route b{color:#fff}
.v898-fix-engine .v895-fix-route p{margin:4px 0 0;color:#95adbd;font-size:.88rem}
.v898-fix-engine .v895-fix-search-section{position:sticky;top:8px;z-index:24;max-width:1180px;margin:22px auto;padding:17px;border:1px solid rgba(54,134,181,.38);border-radius:18px;background:rgba(3,14,24,.91);box-shadow:0 18px 38px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.v898-fix-engine .v895-fix-filter{width:100%;min-height:54px;padding:0 17px;border:1px solid #286383;border-radius:13px;background:#071724;color:#fff;font:inherit}
.v898-fix-engine .v895-fix-filter::placeholder{color:#7695a9}
.v898-fix-engine .v895-fix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v898-fix-engine .v895-fix-card{display:grid;grid-template-columns:210px minmax(0,1fr);overflow:hidden;padding:0!important;border:1px solid rgba(52,125,167,.3)!important;border-radius:19px!important;background:linear-gradient(145deg,#081a29,#04121f)!important;box-shadow:0 18px 40px rgba(0,0,0,.2);transition:.2s ease}
.v898-fix-engine .v895-fix-card:hover{transform:translateY(-4px);border-color:#2ab6f7!important;box-shadow:0 25px 50px rgba(0,0,0,.32)}
.v898-fix-engine .v898-fix-thumb{position:relative;min-height:250px;margin:0;overflow:hidden;background:#06111c}
.v898-fix-engine .v898-fix-thumb img{width:100%;height:100%;object-fit:cover;transition:.35s ease}
.v898-fix-engine .v895-fix-card:hover .v898-fix-thumb img{transform:scale(1.04)}
.v898-fix-engine .v898-fix-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(4,18,31,.92))}
.v898-fix-engine .v898-fix-body{padding:20px;display:flex;flex-direction:column}
.v898-fix-engine .v895-fix-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.v898-fix-engine .v895-fix-card-top small{color:#76cffa;text-align:right}
.v898-fix-engine .v895-fix-card h3{margin:13px 0 7px;color:#fff;font-size:1.28rem}
.v898-fix-engine .v895-fix-card p{margin:0;color:#9fb6c6;font-size:.9rem}
.v898-fix-engine .v898-look-for{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.v898-fix-engine .v898-look-for li{padding:5px 8px;border:1px solid rgba(67,140,180,.27);border-radius:999px;background:#071827;color:#9ed4f0;font-size:.68rem}
.v898-fix-engine .v895-fix-card .h721-actions{margin-top:auto;padding-top:17px}
.v898-fix-engine .v898-unsure{max-width:1180px;margin:22px auto;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(22,169,242,.43);border-radius:18px;background:linear-gradient(135deg,rgba(10,76,111,.46),rgba(4,18,31,.96))}
.v898-fix-engine .v898-unsure h2{margin:0;color:#fff}
.v898-fix-engine .v898-unsure p{margin:5px 0 0;color:#a9c1d0}

/* Responsive */
@media (max-width:1050px){
  .v662-guide.v898-guide .hub2-guide-layout{grid-template-columns:1fr;max-width:960px}
  .v662-guide.v898-guide .hub2-guide-layout>.hub2-toc{position:relative;top:auto;display:flex;overflow:auto;white-space:nowrap;max-height:none;padding:9px}
  .v662-guide.v898-guide .hub2-toc strong{display:none}
  .v662-guide.v898-guide .hub2-toc a{flex:0 0 auto;border-left:0;border-bottom:2px solid transparent}
  .v662-guide.v898-guide .hub2-toc a.is-active{border-bottom-color:#16a9f2}
  .v898-library .v895-start-route{grid-template-columns:repeat(2,1fr)}
  .v898-library .v895-guide-grid{grid-template-columns:repeat(2,1fr)}
  .v898-fix-engine .v895-fix-card{grid-template-columns:170px 1fr}
}
@media (max-width:760px){
  .v662-guide.v898-guide .v663-hero-grid{display:block}
  .v662-guide.v898-guide .v663-hero-visual{margin-top:28px}
  .v662-guide.v898-guide .v896-at-a-glance{grid-template-columns:1fr;margin-top:18px}
  .v662-guide.v898-guide .v896-at-a-glance article{min-height:0}
  .v662-guide.v898-guide .v895-guide-route{top:4px;margin:14px 10px 20px;display:flex;overflow:auto;border-radius:14px}
  .v662-guide.v898-guide .v895-guide-route a{min-width:150px;flex:0 0 auto}
  .v662-guide.v898-guide .v895-guide-route a+a::before{display:none}
  .v662-guide.v898-guide .hub2-guide-layout{padding:0 12px 78px;gap:14px}
  .v662-guide.v898-guide .v662-guide-grid{grid-template-columns:1fr}
  .v662-guide.v898-guide .v896-decision-card{grid-template-columns:1fr;gap:9px}
  .v662-guide.v898-guide .v896-decision-card a{justify-self:start}
  .v662-guide.v898-guide .v895-section-heading{align-items:flex-start}
  .v662-guide.v898-guide .v662-steps>li{padding-left:58px;padding-right:45px}
  .v662-guide.v898-guide .v662-related{grid-template-columns:1fr}
  .v898-section-status{display:none}
  .v898-library .v895-library-hero{padding:32px 18px}
  .v898-library .v895-library-search{grid-template-columns:1fr}
  .v898-library .v895-start-route{grid-template-columns:1fr 1fr}
  .v898-library .v898-library-toolbar{margin:14px 12px;overflow:auto}
  .v898-library .v895-guide-grid,.v898-library.is-compact .v895-guide-grid{grid-template-columns:1fr}
  .v898-library.is-compact .v895-guide-card{display:flex}
  .v898-library.is-compact .v895-guide-card figure{min-height:0;aspect-ratio:16/9}
  .v898-fix-engine .v895-fix-hero{padding:34px 18px;min-height:0}
  .v898-fix-engine .h721-art{display:none}
  .v898-fix-engine .v895-fix-route{grid-template-columns:1fr;margin:16px 12px}
  .v898-fix-engine .v895-fix-search-section{position:relative;top:auto;margin:16px 12px}
  .v898-fix-engine .v895-fix-grid{grid-template-columns:1fr}
  .v898-fix-engine .v895-fix-card{grid-template-columns:1fr}
  .v898-fix-engine .v898-fix-thumb{min-height:210px}
  .v898-fix-engine .v898-fix-thumb::after{background:linear-gradient(0deg,rgba(4,18,31,.9),transparent 55%)}
  .v898-fix-engine .v898-unsure{margin:16px 12px;display:block}
  .v898-fix-engine .v898-unsure .h721-actions{margin-top:15px}
}
@media (max-width:480px){
  .v898-library .v895-start-route{grid-template-columns:1fr}
  .v898-library .v898-library-toolbar{align-items:flex-start;flex-wrap:wrap}
  .v898-library .v898-library-toolbar strong{width:100%}
}
@media print{
  .v895-guide-route,.hub2-toc,.hub2-guide-toolbar,.v895-reading-progress,.v895-mobile-actions,.v895-back-top,.v898-section-link,.v898-section-status{display:none!important}
  .v662-guide.v898-guide,.v662-guide.v898-guide .v662-guide-hero{background:#fff!important;color:#111!important}
  .v662-guide.v898-guide :where(h1,h2,h3,b,p,li,td,span){color:#111!important}
  .v662-guide.v898-guide .hub2-guide-layout{display:block;padding:0}
  .v662-guide.v898-guide .v662-card{box-shadow:none;background:#fff;border:1px solid #aaa;break-inside:avoid}
}
