/* LUNEVON Guides 1.2.1 — practical content, separate from Labs */
.guides-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 30%,rgba(79,231,217,.08),transparent 36%),linear-gradient(115deg,#091116,#0c1119 62%,#10111d)}
.guides-hero .container{padding-top:clamp(72px,8vw,130px);padding-bottom:clamp(68px,7vw,112px)}
.guides-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.82fr);gap:clamp(42px,7vw,100px);align-items:center}
.guides-hero h1{font-size:clamp(52px,6vw,90px);line-height:.98;letter-spacing:-.045em;margin:26px 0 24px}
.guides-hero .lead{max-width:780px;font-size:clamp(19px,2vw,27px);line-height:1.5}
.guide-signal{border:1px solid rgba(116,183,190,.22);background:linear-gradient(145deg,rgba(12,31,38,.74),rgba(19,17,35,.75));padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;position:relative}
.guide-signal:before{content:"";position:absolute;inset:13px;border:1px solid rgba(83,231,215,.07);pointer-events:none}
.guide-signal-cell{min-height:92px;border:1px solid rgba(117,180,187,.16);display:flex;flex-direction:column;justify-content:space-between;padding:15px;background:rgba(5,15,20,.28);transition:transform .2s,border-color .2s,background .2s}
.guide-signal-cell--wide{grid-column:1/-1;min-height:76px}
.guide-signal-cell:hover{transform:translateY(-2px);border-color:rgba(79,231,217,.48);background:rgba(14,47,52,.32)}
.guide-signal-cell span{font:600 10px/1.2 ui-monospace,monospace;letter-spacing:.13em;color:#78959c}.guide-signal-cell strong{font-size:19px;letter-spacing:-.02em}
.guides-section{padding:clamp(72px,8vw,122px) 0}.guides-section.alt{background:linear-gradient(135deg,rgba(36,109,103,.035),transparent 35%,rgba(127,91,218,.035)),#0b1015;border-top:1px solid rgba(105,168,170,.13)}
.guides-heading{display:grid;grid-template-columns:.52fr 1.48fr;gap:34px;margin-bottom:40px}.guides-heading h2{font-size:clamp(38px,4.7vw,68px);margin:0;letter-spacing:-.04em}.guides-heading p{max-width:720px;margin:8px 0 0}
.guide-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guide-category{min-height:184px;padding:24px;border:1px solid rgba(112,172,178,.19);background:linear-gradient(145deg,rgba(12,27,34,.9),rgba(18,16,30,.88));display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s}.guide-category:hover{transform:translateY(-3px);border-color:rgba(79,231,217,.44)}
.guide-category .num{font:600 10px ui-monospace,monospace;letter-spacing:.12em;color:#71cfc6}.guide-category h3{font-size:24px;margin:26px 0 10px}.guide-category p{color:var(--muted);margin:0;font-size:15px}
.guide-catalog-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.guide-catalog-head h2{font-size:clamp(38px,4.7vw,64px);margin:0}
.guide-card{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);border:1px solid rgba(113,174,179,.22);background:linear-gradient(125deg,rgba(12,27,34,.86),rgba(18,16,31,.88));overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}.guide-card:hover{transform:translateY(-3px);border-color:rgba(79,231,217,.5);box-shadow:0 18px 44px rgba(0,0,0,.18)}
.guide-card-art{min-height:282px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 62% 38%,rgba(79,231,217,.12),transparent 31%),linear-gradient(135deg,#0b171e,#111523 75%)}
.guide-orbit{width:168px;aspect-ratio:1;border:1px solid rgba(79,231,217,.28);border-radius:50%;align-self:center;position:relative;display:grid;place-items:center;box-shadow:0 0 0 28px rgba(79,231,217,.025),0 0 0 58px rgba(148,110,242,.018)}
.guide-orbit:before,.guide-orbit:after{content:"";position:absolute;background:rgba(79,231,217,.7)}.guide-orbit:before{width:1px;height:128%}.guide-orbit:after{height:1px;width:128%}.guide-orbit strong{font:700 21px ui-monospace,monospace;color:#dffdf9;background:#0c151c;padding:8px 12px;border:1px solid rgba(79,231,217,.25);z-index:1}
.guide-card-body{padding:clamp(26px,3vw,46px)}.guide-card-kicker{font:600 11px ui-monospace,monospace;letter-spacing:.13em;color:#74ded3;text-transform:uppercase}.guide-card h3{font-size:clamp(31px,3.4vw,50px);line-height:1.04;letter-spacing:-.04em;margin:22px 0 18px}.guide-card p{font-size:18px;line-height:1.55;color:#aebec3}.guide-meta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0;color:#8ca2a8;font:600 11px ui-monospace,monospace;letter-spacing:.07em}.guide-read{font-weight:750;color:#83f2e7}
.guide-format{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-format-item{padding:25px;border-top:1px solid rgba(110,174,178,.2);border-bottom:1px solid rgba(110,174,178,.12)}.guide-format-item span{font:600 10px ui-monospace,monospace;color:#6fbfb9;letter-spacing:.12em}.guide-format-item h3{font-size:24px;margin:15px 0 8px}.guide-format-item p{color:var(--muted);margin:0}
.guide-article-hero{padding:clamp(68px,8vw,118px) 0 54px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 30%,rgba(79,231,217,.06),transparent 35%)}.guide-article-hero h1{font-size:clamp(45px,5.6vw,82px);line-height:1;letter-spacing:-.045em;max-width:1050px;margin:28px 0 24px}.guide-article-deck{font-size:clamp(19px,2vw,26px);max-width:850px;line-height:1.5;color:#b7c7ca}.guide-article-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;color:#88a4a8;font:600 11px ui-monospace,monospace;letter-spacing:.08em}
.guide-article-layout{display:grid;grid-template-columns:250px minmax(0,780px);gap:clamp(34px,5vw,80px);justify-content:center;padding:clamp(58px,7vw,100px) 20px 110px}.guide-toc{position:sticky;top:110px;align-self:start;border-top:1px solid var(--line);padding-top:18px}.guide-toc strong{font:650 11px ui-monospace,monospace;letter-spacing:.12em;color:#9ab0b4}.guide-toc a{display:block;color:#9bb0b5;font-size:13px;padding:8px 0}.guide-content h2{font-size:clamp(30px,3.2vw,46px);margin:58px 0 18px;letter-spacing:-.035em}.guide-content h2:first-child{margin-top:0}.guide-content h3{font-size:25px;margin:34px 0 14px}.guide-content p,.guide-content li{font-size:18px;line-height:1.78;color:#c1cdd0}.guide-content strong{color:#f2f8f8}.guide-content ul,.guide-content ol{padding-left:24px}.guide-product-cta{margin-top:62px;padding:30px;border:1px solid rgba(79,231,217,.25);background:linear-gradient(135deg,rgba(18,52,56,.28),rgba(29,21,45,.3))}.guide-product-cta h2{margin-top:0}
@media(max-width:980px){.guides-hero-grid{grid-template-columns:1fr}.guide-signal{max-width:720px}.guide-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{grid-template-columns:1fr}.guide-card-art{min-height:220px}.guide-article-layout{grid-template-columns:1fr;max-width:820px}.guide-toc{position:relative;top:auto;border:1px solid var(--line);padding:18px}.guides-heading{grid-template-columns:1fr}.guide-format{grid-template-columns:1fr}}
@media(max-width:640px){.guides-hero .container{padding-top:52px}.guides-hero h1{font-size:48px}.guide-signal{grid-template-columns:1fr 1fr;padding:14px}.guide-signal-cell{min-height:80px}.guide-category-grid{grid-template-columns:1fr}.guide-category{min-height:148px}.guide-card-body{padding:24px}.guide-card h3{font-size:34px}.guide-card-art{min-height:195px}.guide-orbit{transform:scale(.82)}.guide-article-hero{padding-top:50px}.guide-article-hero h1{font-size:43px}.guide-article-layout{padding:48px 18px 80px}.guide-content p,.guide-content li{font-size:17px}.guide-toc{display:none}}

/* 1.2.1 — direction filtering and article direction badge */
.guide-category{color:inherit;text-decoration:none;cursor:pointer}
.guide-category.is-active{border-color:rgba(79,231,217,.72);box-shadow:0 0 0 1px rgba(79,231,217,.16) inset,0 16px 42px rgba(0,0,0,.16);background:linear-gradient(145deg,rgba(15,44,48,.94),rgba(24,19,39,.9))}
.guide-category.is-active .num{color:#9af8ef}
.guide-filter-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;color:#94a8ad;font:600 11px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.guide-filter-reset{color:#7de7dd;border-bottom:1px solid rgba(125,231,221,.3);padding-bottom:2px}
.guide-filter-reset[hidden]{display:none}
.guide-empty{margin-top:18px;padding:26px;border:1px dashed rgba(115,175,180,.24);color:#91a2a7;background:rgba(11,20,25,.58);font-size:16px}
.guide-direction-badge{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;padding:8px 11px;border:1px solid rgba(79,231,217,.34);background:rgba(79,231,217,.07);color:#91f6ec;font:650 11px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;transition:border-color .2s,background .2s,transform .2s}
.guide-direction-badge:hover,.guide-direction-badge:focus-visible{border-color:rgba(79,231,217,.68);background:rgba(79,231,217,.12);transform:translateY(-1px)}
.guide-card[hidden]{display:none!important}
@media(max-width:640px){.guide-catalog-head{align-items:flex-start;flex-direction:column}.guide-filter-status{justify-content:flex-start}.guide-direction-badge{margin-top:14px}}
/* LUNEVON Guides 1.2.3 — long-form guide media, tables and battery card */
.guide-direction-badge{display:inline-flex;margin-top:22px;padding:8px 11px;border:1px solid rgba(79,231,217,.28);font:650 10px/1.2 ui-monospace,monospace;letter-spacing:.11em;color:#8cf0e7;background:rgba(12,31,36,.48)}
.guide-article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.guide-article-tags span{padding:7px 9px;border:1px solid rgba(122,169,178,.2);font:600 10px/1 ui-monospace,monospace;letter-spacing:.09em;color:#9eb3b7;background:rgba(12,23,28,.6)}
.guide-toc{max-height:calc(100vh - 140px);overflow:auto;padding-right:8px;scrollbar-width:thin}.guide-content a:not(.btn){color:#82eae0;text-decoration:underline;text-decoration-color:rgba(130,234,224,.28);text-underline-offset:3px}.guide-content code{font:500 .9em/1.45 ui-monospace,monospace;color:#d6fbf7;background:#0c171d;border:1px solid rgba(105,177,180,.18);padding:.14em .36em}.guide-content blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:2px solid rgba(79,231,217,.55);color:#a9b9bd}.guide-content hr{border:0;border-top:1px solid var(--line);margin:54px 0}
.guide-figure{margin:42px 0}.guide-image-link{position:relative;display:block;cursor:zoom-in}.guide-image-link:after{content:'↗';position:absolute;right:12px;top:12px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(79,231,217,.4);background:rgba(8,15,20,.88);color:#8bf1e7;font-size:16px;opacity:.78;transition:opacity .2s,border-color .2s}.guide-image-link:hover:after{opacity:1;border-color:#4fe7d9}.guide-figure img{display:block;width:100%;height:auto;border:1px solid rgba(111,172,180,.22);background:#101820}.guide-figure figcaption{color:#82969b;font-size:13px;line-height:1.5;margin-top:10px}
.guide-table-wrap{overflow-x:auto;margin:30px 0;border:1px solid rgba(111,172,180,.19)}.guide-content table{width:100%;border-collapse:collapse;min-width:620px;background:rgba(10,20,26,.42)}.guide-content th,.guide-content td{padding:14px 16px;border-bottom:1px solid rgba(111,172,180,.14);text-align:left;vertical-align:top;font-size:15px;line-height:1.55}.guide-content th{color:#dff7f5;background:rgba(13,38,43,.42);font-weight:700}.guide-content td{color:#afbec2}.guide-content tr:last-child td{border-bottom:0}
.guide-product-divider{margin:64px 0 0;border-top:1px solid rgba(111,172,180,.2)}.guide-product-cta{margin-top:30px}.guide-product-cta p{max-width:650px}
.guide-card-art--battery{background:radial-gradient(circle at 55% 43%,rgba(81,180,255,.12),transparent 31%),linear-gradient(135deg,#0a171d,#111422 76%)}.guide-battery-signal{width:176px;height:94px;align-self:center;border:1px solid rgba(79,231,217,.38);position:relative;display:grid;place-items:center;padding:10px;background:#0b151c}.guide-battery-signal:after{content:'';position:absolute;right:-10px;top:31px;width:9px;height:30px;border:1px solid rgba(79,231,217,.38);border-left:0}.guide-battery-level{position:absolute;inset:10px 46px 10px 10px;background:linear-gradient(90deg,rgba(79,231,217,.7),rgba(143,111,244,.65));box-shadow:0 0 26px rgba(79,231,217,.12)}.guide-battery-signal strong{z-index:1;margin-left:102px;font:700 13px ui-monospace,monospace;color:#dffaf7;letter-spacing:.08em}
.guide-lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:clamp(16px,3vw,42px);background:rgba(3,7,11,.93);backdrop-filter:blur(8px)}.guide-lightbox[hidden]{display:none}.guide-lightbox__stage{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;max-width:min(96vw,1680px);max-height:94vh}.guide-lightbox__image{display:block;max-width:100%;max-height:86vh;width:auto;height:auto;margin:auto;border:1px solid rgba(141,166,181,.35);background:#090e13;box-shadow:0 28px 90px rgba(0,0,0,.56)}.guide-lightbox__caption{min-height:1.4em;color:#aab7c1;font-size:13px;line-height:1.45;text-align:center}.guide-lightbox__close{position:absolute;right:-14px;top:-14px;width:44px;height:44px;border:1px solid rgba(79,231,217,.45);background:#0d151c;color:#eef7f8;font-size:27px;line-height:1;cursor:pointer;display:grid;place-items:center}.guide-lightbox__close:hover,.guide-lightbox__close:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}body.guide-lightbox-open{overflow:hidden}
@media(max-width:980px){.guide-toc{max-height:none;overflow:visible}}
@media(max-width:640px){.guide-article-tags{margin-top:18px}.guide-figure{margin:30px 0}.guide-table-wrap{margin-left:-2px;margin-right:-2px}.guide-content th,.guide-content td{padding:12px 13px;font-size:14px}.guide-image-link:after{right:8px;top:8px;width:32px;height:32px}.guide-lightbox{padding:10px}.guide-lightbox__close{right:4px;top:4px}.guide-lightbox__image{max-height:82vh}.guide-battery-signal{width:156px}}

/* 1.2.3 — mobile tuning for long guide titles */
@media(max-width:640px){
  .guide-article-hero h1{font-size:38px;line-height:1.04}
  .guide-card h3{font-size:30px;line-height:1.08}
}

/* 1.2.5 — primary Guide directions + specifications guide */
.guide-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 2px}.guide-card-tags span{padding:6px 8px;border:1px solid rgba(122,169,178,.2);font:600 9px/1 ui-monospace,monospace;letter-spacing:.08em;color:#99aeb4;background:rgba(8,18,24,.44);text-transform:uppercase}.guide-card-art--specs{background:radial-gradient(circle at 50% 46%,rgba(79,231,217,.10),transparent 38%),linear-gradient(135deg,#0a171d,#111422 76%)}.guide-specs-signal{width:min(100%,300px);align-self:center;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:12px;border:1px solid rgba(79,231,217,.25);background:rgba(6,14,20,.42)}.guide-specs-signal span{min-height:42px;display:flex;align-items:center;padding:9px;border:1px solid rgba(125,160,176,.18);font:650 9px/1.2 ui-monospace,monospace;letter-spacing:.08em;color:#c7d5d9}.guide-category h3{max-width:15ch}.guide-category.is-active{border-color:rgba(79,231,217,.62);box-shadow:inset 0 2px 0 rgba(79,231,217,.6)}
@media(max-width:640px){.guide-card-tags{margin-top:15px}.guide-specs-signal{max-width:260px}.guide-category h3{max-width:none}}


/* =========================================================
   LUNEVON Guides 1.3.3 — mobile width containment
   ========================================================= */
.guide-article-layout,
.guide-content{min-width:0}
.guide-content>*{max-width:100%}
.guide-content a,
.guide-content p,
.guide-content li,
.guide-content h2,
.guide-content h3,
.guide-content blockquote{overflow-wrap:break-word}
.guide-content code{overflow-wrap:anywhere;word-break:break-word}
.guide-content pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.guide-table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.guide-figure,.guide-image-link,.guide-figure img{max-width:100%}

@media(max-width:980px){
  .guide-article-layout{
    width:100%;
    max-width:820px;
    margin-inline:auto;
    grid-template-columns:minmax(0,1fr);
  }
  .guide-content{width:100%;max-width:100%}
}
@media(max-width:640px){
  .guide-article-layout{padding:42px 16px 76px}
  .guide-article-meta{gap:8px 12px;line-height:1.6}
  .guide-content h2{line-height:1.12}
  .guide-content ul,.guide-content ol{padding-left:21px}
  .guide-table-wrap{margin-left:0;margin-right:0}
}

/* Website 1.3.3 safety: root Guide pages never become horizontally scrollable. */
body:has(.guide-article-layout){overflow-x:clip}


/* =========================================================
   LUNEVON Guides 1.3.10 — mobile catalog rhythm
   ========================================================= */
.guide-card{margin-bottom:16px}
.guide-card:last-of-type{margin-bottom:0}

@media(max-width:640px){
  /* Catalog cards must read as separate articles, not one continuous panel. */
  .guides-section.alt{padding-top:56px;padding-bottom:64px}
  .guide-catalog-head{margin-bottom:22px;gap:14px}
  .guide-card{margin-bottom:22px;box-shadow:0 12px 30px rgba(0,0,0,.13)}
  .guide-card:last-of-type{margin-bottom:0}

  /* Reduce oversized cards while keeping the same visual language. */
  .guide-card-art{min-height:158px;padding:18px 20px}
  .guide-card-body{padding:20px 20px 22px}
  .guide-card-kicker{font-size:10px;letter-spacing:.11em}
  .guide-card h3{font-size:27px;line-height:1.08;margin:14px 0 12px;overflow-wrap:anywhere}
  .guide-card p{font-size:16px;line-height:1.5;margin:0;color:#aebec3}
  .guide-card-tags{gap:6px;margin:14px 0 0}
  .guide-card-tags span{padding:5px 7px;font-size:8.5px}
  .guide-meta{gap:9px;margin:16px 0 12px;font-size:10px;line-height:1.45}
  .guide-read{display:inline-flex;align-items:center;min-height:28px;font-size:15px}

  /* Compact each illustration independently so no card gets a huge top half. */
  .guide-orbit{width:132px;transform:none;box-shadow:0 0 0 20px rgba(79,231,217,.022),0 0 0 42px rgba(148,110,242,.014)}
  .guide-orbit strong{font-size:18px;padding:7px 10px}
  .guide-specs-signal{max-width:220px;gap:6px;padding:10px}
  .guide-specs-signal span{min-height:36px;padding:8px;font-size:8.5px}
  .guide-battery-signal{width:138px;height:78px}
  .guide-battery-level{inset:9px 39px 9px 9px}
  .guide-battery-signal:after{top:25px;height:26px}
  .guide-battery-signal strong{margin-left:82px;font-size:12px}
}

@media(max-width:380px){
  .guide-card-art{min-height:146px;padding:16px 17px}
  .guide-card-body{padding:18px 17px 20px}
  .guide-card h3{font-size:25px}
  .guide-card p{font-size:15.5px}
  .guide-orbit{width:120px}
  .guide-specs-signal{max-width:205px}
}


/* =========================================================
   LUNEVON Guides 1.3.14 — mobile long-form UX & density
   ========================================================= */
.guide-reading-progress{position:fixed;left:0;right:0;top:var(--header);height:2px;z-index:49;pointer-events:none;background:rgba(255,255,255,.035)}
.guide-reading-progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .08s linear}
.guide-toc-toggle{display:none;width:100%;min-height:44px;align-items:center;justify-content:space-between;gap:16px;padding:0;border:0;background:transparent;color:#dbe7e8;text-align:left;cursor:pointer}
.guide-toc-toggle__label{font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
.guide-toc-toggle__meta{display:flex;align-items:center;gap:10px;color:#8da1a6;font:600 10px/1.3 ui-monospace,monospace;letter-spacing:.06em}
.guide-toc-toggle__icon{color:var(--cyan);font-size:16px;transition:transform .18s ease}
.guide-toc.is-open .guide-toc-toggle__icon{transform:rotate(45deg)}
.guide-toc a.is-active{color:#dffbf7}

/* Related links are secondary navigation, not primary product cards. */
.guide-related-card{border-color:rgba(120,150,170,.16);background:linear-gradient(135deg,rgba(35,62,72,.11),rgba(74,48,106,.06))}
.guide-related-card:hover{border-color:rgba(105,232,224,.38)}

@media(max-width:640px){
  .guide-article-hero{padding-top:42px;padding-bottom:46px}
  .guide-article-layout{padding:34px 16px 66px}
  .guide-article-tags{margin-top:16px}

  /* Keep a usable TOC on phones instead of removing the article map entirely. */
  .guide-toc{display:block;position:relative;top:auto;max-height:none;overflow:visible;padding:0 15px;border:1px solid rgba(121,158,168,.20);background:linear-gradient(120deg,rgba(13,28,34,.64),rgba(20,17,31,.55));margin:0 0 30px}
  .guide-toc-toggle{display:flex}
  .guide-toc.guide-toc-enhanced>strong{display:none}
  .guide-toc a{padding:10px 0;border-top:1px solid rgba(120,150,165,.10);font-size:13px;line-height:1.38}
  .guide-toc.guide-toc-enhanced a{display:none}
  .guide-toc.guide-toc-enhanced.is-open{padding-bottom:8px}
  .guide-toc.guide-toc-enhanced.is-open a{display:block}

  /* Long-form density: shorter page, same reading size and hierarchy. */
  .guide-content h2{margin:46px 0 16px}
  .guide-content h3{margin:28px 0 12px}
  .guide-content p,.guide-content li{line-height:1.72}
  .guide-content hr{margin:42px 0}
  .guide-figure{margin:26px 0}
  .guide-table-wrap{margin-top:24px;margin-bottom:24px}
  .guide-related{margin-top:38px;padding-top:28px}
  .guide-product-divider{margin-top:48px}
  .guide-product-cta{margin-top:26px;padding:25px 22px}
}

@media(max-width:380px){
  .guide-article-hero{padding-top:38px;padding-bottom:42px}
  .guide-article-layout{padding:30px 14px 60px}
  .guide-content h2{margin-top:42px}
  .guide-toc{margin-bottom:26px}
}

@media(prefers-reduced-motion:reduce){
  .guide-reading-progress>span,.guide-toc-toggle__icon{transition:none!important}
}


/* =========================================================
   LUNEVON Guides 1.3.23 — evergreen reference pattern
   ========================================================= */
.guide-fact-card{display:grid;gap:7px;margin:28px 0 30px;padding:20px 22px;border:1px solid rgba(79,231,217,.28);background:linear-gradient(135deg,rgba(17,53,57,.26),rgba(31,22,48,.28))}
.guide-fact-card strong{font-size:15px;color:#eef8f8}
.guide-fact-card span{color:#a8bcc0;font-size:14px;line-height:1.5}
.guide-fact-card span:first-of-type{color:#8ff4ea;font:700 13px/1.35 ui-monospace,monospace;letter-spacing:.04em}
.guide-content .table-note{margin:10px 0 0;color:#8fa3a8;font-size:14px;line-height:1.55}
.android-versions-table td:first-child,.android-versions-table td:nth-child(2){white-space:nowrap}
@media(max-width:640px){.guide-fact-card{margin:23px 0 26px;padding:17px 18px}.guide-fact-card strong{font-size:14px}.guide-fact-card span{font-size:13px}}

/* Website 1.3.46: guide tag rows must never exceed a narrow phone viewport. */
.guide-card-tags{min-width:0;max-width:100%;}
.guide-card-tags span{max-width:100%;min-width:0;overflow-wrap:anywhere;}

/* v1.3.47 — editorial mobile first-screen spacing.
   The previous 38–52px top padding began behind the fixed 64–74px header.
   Keep at least 30–32px clear between navigation and editorial content. */
@media(max-width:980px){
  .guides-hero .container{padding-top:max(calc(var(--header) + 32px),clamp(72px,8vw,130px));}
  .guide-article-hero{padding-top:max(calc(var(--header) + 30px),clamp(68px,8vw,118px));}
}