:root{--lbg-bg:#0d0f0e;--lbg-panel:#121513;--lbg-paper:#f0efe8;--lbg-muted:#aaa9a2;--lbg-sage:#879487;--lbg-rule:rgba(255,255,255,.16);--lbg-shell:min(1420px,calc(100vw - 56px))}.lbg-guides{background:var(--lbg-bg);color:var(--lbg-paper);min-height:70vh}.lbg-guides *{box-sizing:border-box}.lbg-shell{width:var(--lbg-shell);margin-inline:auto}.lbg-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#979b96}.lbg-archive-hero{padding:92px 0 48px;border-bottom:1px solid var(--lbg-rule)}.lbg-archive-hero h1{font-size:clamp(58px,8vw,126px);line-height:.86;letter-spacing:-.055em;margin:12px 0 24px;color:var(--lbg-paper);text-transform:uppercase}.lbg-archive-hero p{max-width:620px;color:#b7b6af;font-size:17px;line-height:1.6}.lbg-filter-wrap{position:sticky;top:0;z-index:30;background:rgba(13,15,14,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--lbg-rule)}.lbg-filterbar{display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:72px}.lbg-filterbar__types{display:flex;gap:4px;overflow:auto;scrollbar-width:none}.lbg-filter{appearance:none;border:0;background:transparent;color:#a9aaa5;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.08em;padding:10px 12px;white-space:nowrap;cursor:pointer}.lbg-filter:hover,.lbg-filter.is-active{color:var(--lbg-paper);background:#20241f}.lbg-filter.is-active{box-shadow:inset 0 -2px var(--lbg-sage)}.lbg-search{display:flex;align-items:center;border-left:1px solid var(--lbg-rule);padding-left:18px;min-width:240px}.lbg-search input{width:100%;border:0!important;background:transparent!important;color:var(--lbg-paper)!important;box-shadow:none!important;font-size:13px}.lbg-search span:last-child{color:var(--lbg-muted);font-size:20px}.lbg-guide-results{padding:34px 0 90px}.lbg-guide-results__top{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#777b77;margin-bottom:18px}.lbg-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lbg-guide-card{min-height:430px;background:#171a18;position:relative;overflow:hidden}.lbg-guide-card:nth-child(7n+1){grid-column:span 2}.lbg-guide-card__link{display:flex!important;position:absolute;inset:0;color:inherit!important;text-decoration:none!important;background-image:var(--lbg-card-image);background-size:cover;background-position:center;transition:transform .35s ease}.lbg-guide-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,7,.1) 15%,rgba(7,8,7,.5) 60%,rgba(7,8,7,.96) 100%);transition:background .3s}.lbg-guide-card__content{position:absolute;left:0;right:0;bottom:0;padding:28px}.lbg-guide-card h2{font-size:clamp(24px,2.2vw,38px);line-height:1.03;letter-spacing:-.035em;color:#f3f1ea;margin:8px 0 24px;max-width:750px}.lbg-guide-card__meta{display:flex;justify-content:space-between;border-top:1px solid var(--lbg-rule);padding-top:14px;color:#b5b6b0;text-transform:uppercase;font-size:10px;letter-spacing:.1em}.lbg-guide-card:hover .lbg-guide-card__shade{background:linear-gradient(180deg,rgba(7,8,7,.05),rgba(7,8,7,.42) 55%,rgba(7,8,7,.93))}.lbg-guide-card:hover .lbg-guide-card__meta span:last-child{transform:translateX(4px)}.lbg-empty{grid-column:1/-1;padding:70px 0;color:var(--lbg-muted)}
.lbg-single-hero{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(360px,1fr);min-height:min(730px,76vh);border-bottom:1px solid var(--lbg-rule)}.lbg-single-hero__image{position:relative;background:#171a18 center/cover no-repeat;filter:saturate(.78)}.lbg-single-hero__image span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,4,.08),rgba(4,5,4,.22)),linear-gradient(0deg,rgba(7,8,7,.3),transparent 45%)}.lbg-single-hero__panel{background:#0f110f;padding:42px 38px 36px;display:flex;flex-direction:column}.lbg-back{color:#555a55!important;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.08em;text-decoration:none!important}.lbg-single-hero__copy{margin:auto 0 0}.lbg-single-hero h1{font-size:clamp(38px,4.2vw,68px);line-height:.97;letter-spacing:-.045em;color:var(--lbg-paper);margin:13px 0 18px}.lbg-single-hero__intro{font-size:15px;line-height:1.6;color:#b9b9b4}.lbg-single-hero__meta{display:flex;gap:18px;border-top:1px solid var(--lbg-rule);margin-top:22px;padding-top:14px;color:#71766f;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.lbg-hero-related{margin-top:34px;border-top:1px solid var(--lbg-rule);padding-top:17px}.lbg-hero-related__label{display:block;color:#666b65;text-transform:uppercase;font-size:10px;letter-spacing:.12em;margin-bottom:10px}.lbg-hero-related a{display:flex!important;justify-content:space-between;gap:16px;padding:10px 0;color:#e8e7e0!important;text-decoration:none!important;font-size:13px;border-bottom:1px solid rgba(255,255,255,.07)}.lbg-article-shell{background:#f1f0e9;color:#242624;padding:76px 24px 100px}.lbg-article-content{max-width:820px;margin:auto;font-size:18px;line-height:1.8}.lbg-article-content p{margin:0 0 1.6em}.lbg-article-content h2{font-size:42px;line-height:1.08;letter-spacing:-.035em;margin:1.8em 0 .55em}.lbg-article-content h3{font-size:27px;line-height:1.16;margin:1.6em 0 .55em}.lbg-article-content img{max-width:calc(100% + 220px);height:auto;margin:38px -110px}.lbg-article-content blockquote{margin:42px 0;padding:22px 26px;border-left:3px solid var(--lbg-sage);background:#e2e2da;font-size:20px}.lbg-article-content a{color:#56685a;text-decoration-thickness:1px;text-underline-offset:3px}.lbg-related-products{background:#141715;padding:70px 0 90px;border-top:1px solid var(--lbg-rule)}.lbg-related-products h2{font-size:46px;letter-spacing:-.04em;margin:10px 0 28px}.lbg-related-products__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lbg-related-product{display:block!important;background:#1a1d1b;text-decoration:none!important;color:var(--lbg-paper)!important}.lbg-related-product img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff}.lbg-related-product>span{display:block;padding:18px}.lbg-related-product strong{display:block;font-size:14px;line-height:1.3}.lbg-related-product small{display:block;color:#a7aaa4;margin-top:9px}
@media(max-width:1024px){:root{--lbg-shell:min(100% - 32px,1200px)}.lbg-guide-grid{grid-template-columns:repeat(2,1fr)}.lbg-guide-card:nth-child(7n+1){grid-column:auto}.lbg-single-hero{grid-template-columns:1fr;min-height:0}.lbg-single-hero__image{min-height:58vw}.lbg-single-hero__panel{min-height:480px}.lbg-related-products__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){:root{--lbg-shell:calc(100% - 24px)}.lbg-archive-hero{padding:62px 0 34px}.lbg-filterbar{display:block;padding:9px 0}.lbg-filterbar__types{padding-bottom:6px}.lbg-search{border-left:0;border-top:1px solid var(--lbg-rule);padding:10px 8px 0;min-width:0}.lbg-guide-grid{grid-template-columns:1fr;gap:8px}.lbg-guide-card{min-height:390px}.lbg-single-hero__image{min-height:72vw}.lbg-single-hero__panel{min-height:430px;padding:28px 22px}.lbg-article-shell{padding:52px 20px 70px}.lbg-article-content{font-size:17px}.lbg-article-content h2{font-size:34px}.lbg-article-content img{max-width:100%;margin:26px 0}.lbg-related-products__grid{grid-template-columns:1fr 1fr}}

/* v0.2 single-guide floating tools */
.lbg-back{position:relative;z-index:8;pointer-events:auto!important;display:inline-flex!important;align-items:center;align-self:flex-start;min-height:34px}.lbg-back:hover{color:#d9dbd4!important}
.lbg-guide-tools,.lbg-guide-toc{position:fixed;z-index:45;top:50%;transform:translateY(-50%);width:194px;max-height:calc(100vh - 56px);pointer-events:none}.lbg-guide-tools{left:18px}.lbg-guide-toc{right:18px}.lbg-float-card{pointer-events:auto;background:rgba(15,17,15,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 44px rgba(0,0,0,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#ecebe5}.lbg-shop-links{padding:17px}.lbg-float-label{display:block;color:#7f867f;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin-bottom:11px}.lbg-shop-links>a{display:flex!important;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);color:#dcddd7!important;text-decoration:none!important;font-size:11px;line-height:1.25}.lbg-shop-links>a:first-of-type{border-top:0}.lbg-shop-links>a span{min-width:0}.lbg-shop-links>a b{font-size:12px;font-weight:400;color:#889789;transition:transform .2s ease}.lbg-shop-links>a:hover b{transform:translateX(2px)}.lbg-float-empty{display:block;color:#7a7e79;font-size:10px;line-height:1.45;padding:4px 0 10px}.lbg-theme-toggle{appearance:none;border:0;border-top:1px solid rgba(255,255,255,.12);background:transparent;color:#d8dad4;width:100%;padding:14px 0 0;margin-top:7px;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left;font:inherit;font-size:10px}.lbg-theme-toggle__dot{width:24px;height:13px;border:1px solid #656a65;border-radius:20px;position:relative;flex:0 0 auto}.lbg-theme-toggle__dot:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#a9aca6;left:2px;top:2px;transition:transform .2s ease,background .2s ease}.lbg-theme-toggle[aria-pressed="true"] .lbg-theme-toggle__dot:after{transform:translateX(11px);background:#a8b8a8}.lbg-pdf-card{display:flex!important;align-items:center;gap:12px;margin-top:10px;padding:15px;text-decoration:none!important;color:#e9e9e2!important}.lbg-pdf-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border:1px solid rgba(255,255,255,.2);color:#aab8aa;font-size:16px}.lbg-pdf-card>span:last-child{min-width:0}.lbg-pdf-card small,.lbg-pdf-card strong,.lbg-pdf-card em{display:block}.lbg-pdf-card small{color:#747b74;font-size:8px;line-height:1.1;text-transform:uppercase;letter-spacing:.11em}.lbg-pdf-card strong{font-size:11px;line-height:1.2;margin:4px 0 3px}.lbg-pdf-card em{font-size:8px;color:#777d77;font-style:normal}.lbg-pdf-card:hover{border-color:rgba(168,184,168,.55)}
.lbg-guide-toc .lbg-float-card{padding:17px 16px}.lbg-guide-toc nav{display:flex;flex-direction:column;max-height:58vh;overflow:auto;scrollbar-width:thin}.lbg-guide-toc nav a{position:relative;display:block!important;padding:7px 0 7px 12px;color:#777d77!important;text-decoration:none!important;font-size:10px;line-height:1.3;border-left:1px solid rgba(255,255,255,.11);transition:color .2s,border-color .2s}.lbg-guide-toc nav a[data-level="2"]{padding-left:21px;font-size:9px}.lbg-guide-toc nav a:before{content:"";position:absolute;left:-1px;top:7px;bottom:7px;width:1px;background:transparent}.lbg-guide-toc nav a.is-active{color:#ebebe5!important}.lbg-guide-toc nav a.is-active:before{background:#94a394}.lbg-toc-progress{height:2px;background:rgba(255,255,255,.09);margin-top:13px;overflow:hidden}.lbg-toc-progress span{display:block;width:0;height:100%;background:#879487;transition:width .08s linear}
.lbg-article-shell{transition:background .22s ease,color .22s ease}.lbg-article-content h1{font-size:52px;line-height:1.02;letter-spacing:-.045em;margin:1.7em 0 .55em}.lbg-guides--single[data-lbg-theme="dark"] .lbg-article-shell{background:#121513;color:#dedfd8}.lbg-guides--single[data-lbg-theme="dark"] .lbg-article-content a{color:#aabcaa}.lbg-guides--single[data-lbg-theme="dark"] .lbg-article-content blockquote{background:#1c211d;color:#e4e5df;border-left-color:#879487}.lbg-guides--single[data-lbg-theme="dark"] .lbg-article-content img{opacity:.9}.lbg-guides--single[data-lbg-theme="dark"] .lbg-article-content code{background:#202520;color:#e2e3dc}
@media(max-width:1279px){.lbg-guide-tools,.lbg-guide-toc{position:relative;left:auto;right:auto;top:auto;transform:none;width:min(820px,calc(100% - 40px));margin:18px auto 0;z-index:5}.lbg-guide-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.55fr);gap:10px}.lbg-pdf-card{margin-top:0}.lbg-guide-toc{margin-bottom:18px}.lbg-guide-toc nav{display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:none}.lbg-guide-toc nav a{flex:0 0 auto;max-width:220px;border-left:0;border-bottom:1px solid rgba(255,255,255,.11);padding:8px 12px}.lbg-guide-toc nav a[data-level="2"]{padding-left:12px}.lbg-guide-toc nav a:before{left:12px;right:12px;top:auto;bottom:-1px;width:auto;height:1px}.lbg-article-shell{margin-top:18px}}
@media(max-width:680px){.lbg-guide-tools,.lbg-guide-toc{width:calc(100% - 24px);margin-top:12px}.lbg-guide-tools{grid-template-columns:1fr}.lbg-pdf-card{min-height:70px}.lbg-shop-links>a{font-size:12px}.lbg-article-content h1{font-size:39px}.lbg-guide-toc .lbg-float-card{padding:14px 12px}}


/* v0.2.1 - larger, legible floating controls constrained to the centred 1440px guide frame */
@media(min-width:1280px){
  .lbg-guide-tools,.lbg-guide-toc{
    width:240px;
    max-height:calc(100vh - 72px);
  }
  .lbg-guide-tools{left:max(18px,calc((100vw - 1440px)/2 + 18px))}
  .lbg-guide-toc{right:max(18px,calc((100vw - 1440px)/2 + 18px))}
  .lbg-shop-links{padding:21px 20px}
  .lbg-float-label{font-size:10px;margin-bottom:14px;color:#969d96}
  .lbg-shop-links>a{padding:11px 0;font-size:12px;line-height:1.35}
  .lbg-shop-links>a b{font-size:14px}
  .lbg-theme-toggle{
    padding:17px 0 1px;
    margin-top:9px;
    gap:10px;
    font-size:12px;
    line-height:1.3;
    color:#e3e5de!important;
    opacity:1!important;
  }
  .lbg-theme-toggle [data-lbg-theme-label]{color:#e3e5de!important;opacity:1!important;font-weight:600}
  .lbg-theme-toggle__dot{width:29px;height:16px;border-color:#858b84}
  .lbg-theme-toggle__dot:after{width:8px;height:8px;left:3px;top:3px}
  .lbg-theme-toggle[aria-pressed="true"] .lbg-theme-toggle__dot:after{transform:translateX(13px)}
  .lbg-pdf-card{min-height:78px;gap:14px;margin-top:12px;padding:17px 18px}
  .lbg-pdf-icon{width:34px;height:34px;font-size:18px}
  .lbg-pdf-card small{font-size:9px;color:#969d96}
  .lbg-pdf-card strong{font-size:13px;margin:4px 0 4px}
  .lbg-pdf-card em{font-size:9px;color:#929891}
  .lbg-guide-toc .lbg-float-card{padding:21px 19px}
  .lbg-guide-toc nav{max-height:60vh}
  .lbg-guide-toc nav a{padding:9px 0 9px 13px;font-size:11px;line-height:1.4;color:#979d96!important}
  .lbg-guide-toc nav a[data-level="2"]{padding-left:23px;font-size:10px}
  .lbg-guide-toc nav a.is-active{color:#f0f1eb!important}
  .lbg-toc-progress{margin-top:16px}
}

/* v0.2.2 - delayed floating rails + stronger TOC typography + section-heading motion */
.lbg-guides--single{position:relative}

@media(min-width:1280px){
  /* Rails begin as part of the guide composition. JS only fixes them after
     their natural anchor has passed the top reading position. */
  .lbg-guide-tools,.lbg-guide-toc{
    position:absolute;
    top:150px;
    transform:none;
    transition:opacity .18s ease,box-shadow .18s ease;
  }
  .lbg-guide-tools.is-lbg-fixed,.lbg-guide-toc.is-lbg-fixed{
    position:fixed;
    top:124px;
  }
  .lbg-guide-tools.is-lbg-fixed .lbg-float-card,
  .lbg-guide-toc.is-lbg-fixed .lbg-float-card{
    box-shadow:0 18px 52px rgba(0,0,0,.27);
  }

  /* One further step up from v0.2.1: this menu should read like navigation,
     not small-print metadata. */
  .lbg-guide-toc .lbg-float-label{font-size:11px}
  .lbg-guide-toc nav a{
    padding:10px 0 10px 14px;
    font-size:12.5px;
    line-height:1.45;
    color:#a6aca5!important;
  }
  .lbg-guide-toc nav a[data-level="2"]{
    padding-left:25px;
    font-size:11.5px;
    line-height:1.45;
  }
  .lbg-guide-toc nav a.is-active{
    color:#f4f4ee!important;
    font-weight:600;
  }
}

/* Article H1 section treatment. JS adds the class/number and reveals each
   heading as it enters the reading zone. */
.lbg-article-content h1.lbg-scroll-heading{
  position:relative;
  padding-left:30px;
  opacity:.56;
  transform:translateY(18px);
  transition:opacity .48s cubic-bezier(.2,.7,.2,1),transform .48s cubic-bezier(.2,.7,.2,1),color .3s ease;
}
.lbg-article-content h1.lbg-scroll-heading::before{
  content:"";
  position:absolute;
  left:0;
  top:.08em;
  bottom:.08em;
  width:3px;
  background:var(--lbg-sage);
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .58s cubic-bezier(.2,.75,.2,1);
}
.lbg-article-content h1.lbg-scroll-heading::after{
  content:attr(data-lbg-section);
  position:absolute;
  right:calc(100% + 20px);
  top:.42em;
  color:#748276;
  font-size:12px;
  line-height:1;
  letter-spacing:.16em;
  font-weight:700;
  opacity:0;
  transform:translateX(8px);
  transition:opacity .35s ease .08s,transform .42s cubic-bezier(.2,.75,.2,1) .08s;
}
.lbg-article-content h1.lbg-scroll-heading.is-lbg-heading-visible{
  opacity:1;
  transform:translateY(0);
}
.lbg-article-content h1.lbg-scroll-heading.is-lbg-heading-visible::before{transform:scaleY(1)}
.lbg-article-content h1.lbg-scroll-heading.is-lbg-heading-visible::after{opacity:1;transform:translateX(0)}
.lbg-guides--single[data-lbg-theme="dark"] .lbg-article-content h1.lbg-scroll-heading.is-lbg-heading-visible{color:#f1f2eb}

@media(max-width:1279px){
  .lbg-article-content h1.lbg-scroll-heading::after{display:none}
}
@media(max-width:680px){
  .lbg-article-content h1.lbg-scroll-heading{padding-left:20px}
  .lbg-article-content h1.lbg-scroll-heading::before{width:2px}
}
@media(prefers-reduced-motion:reduce){
  .lbg-article-content h1.lbg-scroll-heading,
  .lbg-article-content h1.lbg-scroll-heading::before,
  .lbg-article-content h1.lbg-scroll-heading::after{transition:none!important;transform:none!important;opacity:1!important}
}

/* v0.2.3 - align desktop guide rails directly beneath the opening page band.
   JS supplies --lbg-rail-rest-top and --lbg-rail-fixed-top from the actual
   rendered Rey/header geometry, avoiding theme-specific hard-coded offsets. */
@media(min-width:1280px){
  .lbg-guide-tools,.lbg-guide-toc{
    top:var(--lbg-rail-rest-top,24px);
  }
  .lbg-guide-tools.is-lbg-fixed,.lbg-guide-toc.is-lbg-fixed{
    top:var(--lbg-rail-fixed-top,20px);
  }
}


/* v0.2.4 - TOC destinations clear Rey's sticky header. JS supplies the live
   value; scroll-margin is a second line of defence for keyboard/hash navigation. */
.lbg-guides--single{--lbg-heading-scroll-offset:180px}
.lbg-article-content h1[id],
.lbg-article-content h2[id],
.lbg-article-shell[id],
.lbg-single-hero[id]{scroll-margin-top:var(--lbg-heading-scroll-offset)}


/* v0.2.5 - rails are anchored to the article, not the hero. The live rest
   position is supplied by JS from .lbg-article-shell, so neither rail appears
   over .lbg-single-hero at page load. */
@media(min-width:1280px){
  .lbg-guide-tools,.lbg-guide-toc{top:var(--lbg-rail-rest-top)}
  .lbg-guide-tools.is-lbg-fixed,.lbg-guide-toc.is-lbg-fixed{top:var(--lbg-rail-fixed-top)}
}

/* v0.2.6 - structural sticky rails.
   The tools/TOC now live inside the reading section after the hero. This means
   they cannot appear over the hero. position:sticky keeps them in normal flow
   until their own top edge reaches the bottom of Rey's visible header stack. */
.lbg-reading-section{
  background:#f1f0e9;
  color:#242624;
  transition:background .22s ease,color .22s ease;
}
.lbg-guides--single[data-lbg-theme="dark"] .lbg-reading-section{
  background:#121513;
  color:#dedfd8;
}

@media(min-width:1280px){
  .lbg-reading-layout{
    width:min(1440px,calc(100vw - 36px));
    margin-inline:auto;
    display:grid;
    grid-template-columns:minmax(220px,250px) minmax(0,860px) minmax(220px,250px);
    justify-content:space-between;
    align-items:start;
    gap:30px;
    padding:72px 0 100px;
  }

  .lbg-reading-layout .lbg-article-shell{
    grid-column:2;
    grid-row:1;
    min-width:0;
    margin:0;
    padding:0;
    background:transparent!important;
  }

  .lbg-reading-layout .lbg-guide-tools,
  .lbg-reading-layout .lbg-guide-toc,
  .lbg-reading-layout .lbg-guide-tools.is-lbg-fixed,
  .lbg-reading-layout .lbg-guide-toc.is-lbg-fixed{
    position:sticky!important;
    top:var(--lbg-sticky-top,140px)!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    max-height:calc(100vh - var(--lbg-sticky-top,140px) - 24px);
    margin:0!important;
    align-self:start;
    z-index:45;
  }
  .lbg-reading-layout .lbg-guide-tools{grid-column:1;grid-row:1}
  .lbg-reading-layout .lbg-guide-toc{grid-column:3;grid-row:1}

  .lbg-reading-layout .lbg-guide-tools .lbg-float-card,
  .lbg-reading-layout .lbg-guide-toc .lbg-float-card{
    box-shadow:0 14px 44px rgba(0,0,0,.18);
  }
}

@media(max-width:1279px){
  .lbg-reading-layout{display:flex;flex-direction:column;padding:18px 0 0}
  .lbg-reading-layout .lbg-guide-tools{order:1}
  .lbg-reading-layout .lbg-guide-toc{order:2}
  .lbg-reading-layout .lbg-article-shell{order:3;width:100%;margin-top:18px}
}

/* v0.3.0 — canonical WordPress Guides category archive */
.lbg-guides--archive{background:#0d0f0e;color:#f0efe8;overflow:hidden}
.lbg-guides--archive .lbg-archive-hero{
  position:relative;
  padding:clamp(74px,7vw,118px) 0 clamp(42px,4vw,66px);
  background:
    radial-gradient(circle at 78% 20%,rgba(135,148,135,.11),transparent 32%),
    linear-gradient(180deg,#111411 0%,#0d0f0e 100%);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.lbg-guides--archive .lbg-archive-hero:after{
  content:"";position:absolute;right:-9vw;bottom:-17vw;width:38vw;height:38vw;
  border:1px solid rgba(135,148,135,.12);border-radius:50%;pointer-events:none
}
.lbg-archive-hero__row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(30px,7vw,110px);align-items:end}
.lbg-archive-hero__row h1{margin-bottom:0}
.lbg-archive-hero__row p{margin:0 0 8px;padding-left:24px;border-left:1px solid rgba(135,148,135,.48);font-size:clamp(15px,1.15vw,18px)}
.lbg-guides--archive .lbg-filter-wrap{top:var(--lbg-archive-sticky-top,0px)}
.lbg-guides--archive .lbg-guide-results{padding-top:42px}
.lbg-guides--archive .lbg-guide-card{border:1px solid rgba(255,255,255,.06)}
.lbg-guides--archive .lbg-guide-card__content{padding:clamp(22px,2vw,32px)}
@media(max-width:767px){
  .lbg-archive-hero__row{grid-template-columns:1fr;gap:24px}
  .lbg-archive-hero__row p{padding-left:18px}
}

/* v0.3.2 archive filter/search improvements */
.lbg-filterbar__types{flex:1 1 auto}
.lbg-filter{border-radius:0}
.lbg-search{position:relative;flex:0 0 310px;min-width:310px;margin:0}
.lbg-search input{padding:13px 68px 13px 4px!important;outline:none}
.lbg-search input::placeholder{color:#858984}
.lbg-search__submit,.lbg-search__clear{appearance:none;border:0;background:transparent;color:var(--lbg-muted);cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);padding:7px;line-height:1}
.lbg-search__submit{right:28px;font-size:21px}
.lbg-search__clear{right:0;font-size:19px;opacity:0;pointer-events:none;transition:opacity .18s ease}
.lbg-search__clear.is-visible{opacity:1;pointer-events:auto}
.lbg-search:focus-within{border-left-color:rgba(255,255,255,.32)}
.lbg-guide-grid.is-loading{opacity:.52;transition:opacity .16s ease;pointer-events:none}
@media(max-width:680px){.lbg-search{flex:none;min-width:0;width:100%;margin:0;padding-top:10px}.lbg-search input{padding-left:0!important}}

/* v0.3.3 archive navigation, autosuggest and progressive loading */
.lbg-filter{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center}
.lbg-search input[type="text"]::-webkit-search-cancel-button,.lbg-search input[type="text"]::-webkit-search-decoration{display:none!important;-webkit-appearance:none}
.lbg-search-suggestions{position:absolute;top:calc(100% + 1px);left:0;right:0;z-index:90;background:#141715;border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 54px rgba(0,0,0,.38);max-height:min(520px,62vh);overflow:auto}
.lbg-search-suggestions[hidden]{display:none!important}
.lbg-search-suggestions a{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;color:#e8e7e1!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;line-height:1.35;background:#141715}
.lbg-search-suggestions a:last-child{border-bottom:0}
.lbg-search-suggestions a:hover,.lbg-search-suggestions a:focus{background:#20251f;color:#fff!important;outline:none}
.lbg-search-suggestions b{font-weight:400;color:#98a394;font-size:16px}
.lbg-load-more-wrap{position:relative;display:flex;justify-content:center;padding:38px 0 4px}
.lbg-load-more-wrap[hidden]{display:none!important}
.lbg-load-more{appearance:none;border:1px solid rgba(255,255,255,.2);background:#141715;color:#f0efe8;padding:15px 22px;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}
.lbg-load-more:hover{background:#20251f;border-color:rgba(135,148,135,.7)}
.lbg-load-more:disabled{opacity:.55;cursor:wait}
.lbg-load-sentinel{position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none}
@media(max-width:680px){.lbg-search-suggestions{left:-8px;right:-8px}.lbg-load-more-wrap{padding-top:26px}}

/* v0.3.5 — compact archive masthead, scrollable category rail, global search and light/dark archive modes */
.lbg-guides--archive{
  --lbg-archive-bg:#f5f5f2;
  --lbg-archive-panel:#ffffff;
  --lbg-archive-text:#151815;
  --lbg-archive-muted:#686d68;
  --lbg-archive-rule:rgba(19,24,20,.14);
  background:var(--lbg-archive-bg);
  color:var(--lbg-archive-text);
  transition:background .2s ease,color .2s ease;
}
.lbg-guides--archive[data-lbg-archive-theme="dark"]{
  --lbg-archive-bg:#0d0f0e;
  --lbg-archive-panel:#111411;
  --lbg-archive-text:#f0efe8;
  --lbg-archive-muted:#aaa9a2;
  --lbg-archive-rule:rgba(255,255,255,.15);
}

/* Smaller masthead. The category/section title and its own description now
   live together rather than splitting the descriptive copy into a right rail. */
.lbg-guides--archive .lbg-archive-hero{
  padding:clamp(38px,4.2vw,64px) 0 clamp(28px,3vw,44px);
  background:var(--lbg-archive-panel);
  border-bottom:1px solid var(--lbg-archive-rule);
}
.lbg-guides--archive .lbg-archive-hero:after{opacity:.45}
.lbg-guides--archive .lbg-archive-hero__row{
  display:block;
  max-width:980px;
}
.lbg-guides--archive .lbg-archive-hero__row h1{
  margin:7px 0 12px;
  font-size:clamp(50px,6vw,88px);
  line-height:.9;
  color:var(--lbg-archive-text);
}
.lbg-guides--archive .lbg-archive-hero__row p{
  max-width:760px;
  margin:0;
  padding:0;
  border:0;
  color:var(--lbg-archive-muted);
  font-size:clamp(14px,1vw,17px);
  line-height:1.55;
}
.lbg-guides--archive .lbg-eyebrow{color:#7d8b7e}

.lbg-guides--archive .lbg-filter-wrap{
  background:color-mix(in srgb,var(--lbg-archive-panel) 94%,transparent);
  border-bottom:1px solid var(--lbg-archive-rule);
}
.lbg-guides--archive .lbg-filterbar{
  min-height:56px;
  gap:14px;
}
.lbg-filter-scroll{
  min-width:0;
  flex:1 1 auto;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 30px;
  align-items:stretch;
  position:relative;
}
.lbg-filterbar__types{
  min-width:0;
  display:flex;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
  scrollbar-width:none;
  touch-action:pan-x;
  cursor:grab;
}
.lbg-filterbar__types::-webkit-scrollbar{display:none}
.lbg-filterbar__types.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.lbg-filter-scroll__arrow{
  appearance:none;
  border:0;
  border-left:1px solid var(--lbg-archive-rule);
  border-right:1px solid var(--lbg-archive-rule);
  background:var(--lbg-archive-panel);
  color:var(--lbg-archive-text);
  font:400 22px/1 Arial,sans-serif;
  padding:0;
  cursor:pointer;
  z-index:2;
}
.lbg-filter-scroll__arrow:hover{background:color-mix(in srgb,var(--lbg-archive-text) 7%,var(--lbg-archive-panel))}
.lbg-filter{
  color:var(--lbg-archive-muted)!important;
  padding:9px 11px;
  min-height:55px;
  font-size:10px;
}
.lbg-filter:hover,.lbg-filter.is-active{
  color:var(--lbg-archive-text)!important;
  background:color-mix(in srgb,var(--lbg-archive-text) 8%,transparent);
}
.lbg-filter.is-active{box-shadow:inset 0 -2px var(--lbg-sage)}

.lbg-filterbar__actions{
  flex:0 0 auto;
  display:flex;
  align-items:stretch;
  min-width:390px;
  border-left:1px solid var(--lbg-archive-rule);
}
.lbg-archive-theme-toggle{
  appearance:none;
  border:0;
  border-right:1px solid var(--lbg-archive-rule);
  background:transparent;
  color:var(--lbg-archive-muted);
  min-width:76px;
  padding:0 12px;
  display:inline-flex;
  gap:7px;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.07em;
  cursor:pointer;
}
.lbg-archive-theme-toggle:hover{color:var(--lbg-archive-text)}
.lbg-search{
  flex:1 1 300px;
  min-width:300px;
  border-left:0;
  padding-left:16px;
}
.lbg-search input{color:var(--lbg-archive-text)!important}
.lbg-search input::placeholder{color:var(--lbg-archive-muted)}
.lbg-search__submit,.lbg-search__clear{color:var(--lbg-archive-muted)}

.lbg-guides--archive .lbg-guide-results{padding-top:30px}
.lbg-guides--archive .lbg-guide-results__top{color:var(--lbg-archive-muted)}
.lbg-guides--archive .lbg-empty{color:var(--lbg-archive-muted)}

/* Autosuggest follows the active archive mode. */
.lbg-guides--archive .lbg-search-suggestions{
  background:var(--lbg-archive-panel);
  border-color:var(--lbg-archive-rule);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.lbg-guides--archive .lbg-search-suggestions a{
  background:var(--lbg-archive-panel);
  color:var(--lbg-archive-text)!important;
  border-bottom-color:var(--lbg-archive-rule);
}
.lbg-guides--archive .lbg-search-suggestions a:hover,
.lbg-guides--archive .lbg-search-suggestions a:focus{
  background:color-mix(in srgb,var(--lbg-archive-text) 7%,var(--lbg-archive-panel));
  color:var(--lbg-archive-text)!important;
}
.lbg-guides--archive .lbg-load-more{
  border-color:var(--lbg-archive-rule);
  background:var(--lbg-archive-panel);
  color:var(--lbg-archive-text);
}
.lbg-guides--archive .lbg-load-more:hover{background:color-mix(in srgb,var(--lbg-archive-text) 7%,var(--lbg-archive-panel))}

@media(max-width:980px){
  .lbg-guides--archive .lbg-filterbar{display:block;padding:0}
  .lbg-filter-scroll{height:54px;border-bottom:1px solid var(--lbg-archive-rule)}
  .lbg-filterbar__actions{min-width:0;width:100%;height:54px;border-left:0}
  .lbg-search{min-width:0}
}
@media(max-width:600px){
  .lbg-guides--archive .lbg-archive-hero{padding:30px 0 25px}
  .lbg-guides--archive .lbg-archive-hero__row h1{font-size:48px}
  .lbg-filter-scroll{grid-template-columns:27px minmax(0,1fr) 27px}
  .lbg-filter{padding-inline:9px;font-size:9.5px}
  .lbg-archive-theme-toggle{min-width:62px;padding-inline:8px}
  .lbg-archive-theme-toggle span:first-child{display:none}
}


/* v0.3.6 — tighter archive banner, banner-level theme control, dependable category links */
.lbg-guides--archive .lbg-archive-hero{
  padding:18px 0 20px;
  min-height:0;
}
.lbg-guides--archive .lbg-archive-hero .lbg-shell{
  position:relative;
  min-height:0;
}
.lbg-guides--archive .lbg-archive-hero__row{
  max-width:min(900px,calc(100% - 150px));
}
.lbg-guides--archive .lbg-archive-hero__row h1{
  margin:3px 0 7px;
  font-size:clamp(44px,5vw,74px);
  line-height:.9;
}
.lbg-guides--archive .lbg-archive-hero__row p{
  max-width:700px;
  font-size:clamp(13px,.9vw,15px);
  line-height:1.45;
}
.lbg-guides--archive .lbg-eyebrow{
  font-size:9px;
  line-height:1.1;
  margin:0 0 2px;
}
.lbg-archive-theme-toggle--hero{
  position:absolute;
  top:0;
  right:0;
  z-index:4;
  min-width:82px;
  height:34px;
  padding:0 12px;
  border:1px solid var(--lbg-archive-rule);
  background:var(--lbg-archive-panel);
  color:var(--lbg-archive-text)!important;
  border-radius:0;
}
.lbg-guides--archive[data-lbg-archive-theme="dark"] .lbg-archive-theme-toggle--hero{
  color:#f3f2ec!important;
  background:#151815;
  border-color:rgba(255,255,255,.2);
}
.lbg-guides--archive[data-lbg-archive-theme="light"] .lbg-archive-theme-toggle--hero{
  color:#171a17!important;
  background:#fff;
}
.lbg-archive-theme-toggle--hero .lbg-theme-icon{font-size:12px;opacity:.8}
.lbg-filterbar__actions{
  min-width:300px;
  border-left:1px solid var(--lbg-archive-rule);
}
.lbg-search{min-width:300px}
.lbg-filterbar__types{
  cursor:default;
  touch-action:pan-x pan-y;
}
.lbg-filterbar__types.is-dragging{cursor:default;user-select:auto}
.lbg-filter{position:relative;z-index:1;pointer-events:auto!important}

@media(max-width:980px){
  .lbg-guides--archive .lbg-archive-hero__row{max-width:calc(100% - 108px)}
  .lbg-filterbar__actions{min-width:0}
}
@media(max-width:600px){
  .lbg-guides--archive .lbg-archive-hero{padding:14px 0 16px}
  .lbg-guides--archive .lbg-archive-hero__row{max-width:100%;padding-top:34px}
  .lbg-guides--archive .lbg-archive-hero__row h1{font-size:42px}
  .lbg-archive-theme-toggle--hero{height:30px;min-width:70px;padding:0 9px;font-size:9px}
}

/* v0.3.7 - archive geometry uses the same 1440px datum throughout */
@media (min-width:1025px){
  .lbg-guides--archive{--lbg-shell:min(1440px,calc(100vw - 48px))}
  .lbg-guides--archive .lbg-shell{width:var(--lbg-shell);max-width:1440px;margin-left:auto;margin-right:auto}
  .lbg-guides--archive .lbg-filter-wrap{width:100%;max-width:none}
  .lbg-guides--archive .lbg-filterbar{width:var(--lbg-shell);max-width:1440px;margin-left:auto!important;margin-right:auto!important;transform:none!important;left:auto!important;right:auto!important}
  .lbg-guides--archive .lbg-guide-results{width:var(--lbg-shell);max-width:1440px;margin-left:auto;margin-right:auto}
}

/* v0.3.8 - remove inherited vertical offset from archive filter rail */
.lbg-guides--archive .lbg-filter-wrap{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}
.lbg-guides--archive .lbg-filterbar{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  height:56px!important;
  min-height:56px!important;
  align-items:stretch!important;
}
.lbg-guides--archive .lbg-filter-scroll,
.lbg-guides--archive .lbg-filterbar__actions{
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-self:stretch!important;
}
.lbg-guides--archive .lbg-filterbar__types{
  height:56px!important;
  min-height:56px!important;
  align-items:stretch!important;
}
.lbg-guides--archive .lbg-filter{
  height:56px!important;
  min-height:56px!important;
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
}
.lbg-guides--archive .lbg-search{
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
}