/* ==========================================================================
   The Watches Lounge Pro — theme.css
   Luxury horology editorial design system
   ========================================================================== */

:root {
    --twl-midnight: #0f172a;
    --twl-steel:    #1e293b;
    --twl-gold:     #d4af37;
    --twl-gold-bright: #f0c75e;
    --twl-silver:   #e5e7eb;
    --twl-obsidian: #111827;
    --twl-champagne:#faf7f2;
    --twl-ink:      #0b1020;
    --twl-ink-soft: #1a2236;
    --twl-line:     rgba(255,255,255,0.08);
    --twl-line-d:   rgba(255,255,255,0.16);
    --twl-text:     #e7ebf3;
    --twl-text-mute:#9aa3b2;
    --twl-text-dim: rgba(231,235,243,0.62);

    --twl-radius:    18px;
    --twl-radius-sm: 10px;
    --twl-radius-pill: 999px;

    --twl-font-display: 'Playfair Display', Georgia, serif;
    --twl-font-body:    'Inter', system-ui, sans-serif;
    --twl-font-mono:    'Space Grotesk', 'Manrope', monospace;

    --twl-shadow-md: 0 12px 36px -10px rgba(0,0,0,0.55);
    --twl-shadow-lg: 0 28px 60px -20px rgba(0,0,0,0.65);
    --twl-glass:    rgba(255,255,255,0.04);
    --twl-glass-d:  rgba(255,255,255,0.08);

    --twl-grad-night:  linear-gradient(160deg, #0a1024 0%, #0f172a 38%, #111827 100%);
    --twl-grad-gold:   linear-gradient(135deg, #d4af37 0%, #f6dc7a 50%, #d4af37 100%);
    --twl-grad-steel:  linear-gradient(140deg, #1e293b 0%, #243044 100%);
    --twl-grad-watch:  radial-gradient(circle at 30% 30%, #2a3a5f 0%, #0d1428 60%, #050816 100%);
}

/* Reset / base ------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
    margin:0;
    font-family:var(--twl-font-body);
    color:var(--twl-text);
    background:var(--twl-grad-night);
    line-height:1.65;
    font-size:16px;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
img,svg,video,picture{max-width:100%;height:auto;display:block}
a{color:var(--twl-gold);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--twl-gold-bright)}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4,h5,h6{font-family:var(--twl-font-display);color:var(--twl-champagne);font-weight:600;line-height:1.18;letter-spacing:-0.01em;margin:0 0 .6em}
p{margin:0 0 1em}
hr{border:0;border-top:1px solid var(--twl-line);margin:2em 0}

.screen-reader-text{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.twl-skip{position:absolute;left:-9999px;top:0;background:var(--twl-gold);color:#000;padding:8px 14px;z-index:9999;border-radius:0 0 8px 0}
.twl-skip:focus{left:0}

/* Layout ------------------------------------------------------------------- */
.twl-container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}
.twl-container--narrow{max-width:880px}
.twl-section{padding:96px 0;position:relative}
.twl-section + .twl-section{border-top:1px solid var(--twl-line)}
.twl-section--hero{padding:0}
.twl-section--continue-journey{padding:48px 0}
.twl-h2{font-size:clamp(28px,3.4vw,44px);margin:0 0 .35em}
.twl-h3{font-size:clamp(22px,2.4vw,30px);margin:0 0 .4em}
.twl-eyebrow{
    font-family:var(--twl-font-mono);
    font-size:12px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--twl-gold);
    display:inline-flex;align-items:center;gap:10px;
    margin:0 0 14px;
}
.twl-eyebrow__dot{width:6px;height:6px;border-radius:50%;background:var(--twl-gold);box-shadow:0 0 0 4px rgba(212,175,55,.15)}
.twl-sec-head{text-align:center;max-width:780px;margin:0 auto 56px}
.twl-sec-sub{color:var(--twl-text-mute);font-size:17px}

/* Buttons ----------------------------------------------------------------- */
.twl-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:14px 26px;border-radius:var(--twl-radius-pill);
    font-weight:600;letter-spacing:.02em;
    border:1px solid transparent;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
    text-decoration:none;font-size:15px;
    background:transparent;color:var(--twl-text);
    will-change:transform;
}
.twl-btn:hover{transform:translateY(-1px)}
.twl-btn--gold{background:var(--twl-grad-gold);color:#0b0f1a;box-shadow:0 14px 30px -12px rgba(212,175,55,.55)}
.twl-btn--gold:hover{box-shadow:0 18px 40px -14px rgba(212,175,55,.7);color:#000}
.twl-btn--ghost{border-color:var(--twl-line-d);color:var(--twl-text);background:rgba(255,255,255,.02)}
.twl-btn--ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22)}
.twl-btn--block{display:flex;width:100%}
.twl-btn--mini{padding:8px 14px;font-size:13px}
.twl-btn__arrow{transition:transform .2s ease}
.twl-btn:hover .twl-btn__arrow{transform:translateX(3px)}

.twl-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}

/* Pills ------------------------------------------------------------------- */
.twl-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--twl-radius-pill);font-size:12px;letter-spacing:.04em;background:rgba(255,255,255,.06);color:var(--twl-text);border:1px solid var(--twl-line-d)}
.twl-pill--gold{background:rgba(212,175,55,.14);color:var(--twl-gold);border-color:rgba(212,175,55,.3)}
.twl-pill--quick{font-family:var(--twl-font-mono);font-size:13px;padding:10px 16px;background:rgba(255,255,255,.06);color:var(--twl-text);transition:background .2s ease,transform .2s ease}
.twl-pill--quick:hover{background:rgba(212,175,55,.16);color:var(--twl-gold);transform:translateY(-1px)}

/* Header ------------------------------------------------------------------ */
.twl-header{position:sticky;top:0;z-index:80;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);background:rgba(10,15,30,.82);border-bottom:1px solid var(--twl-line)}
.twl-header__bar{padding:14px 0}
.twl-header__inner{display:flex;align-items:center;gap:18px;justify-content:space-between}
.twl-brand{display:inline-flex;align-items:center;gap:10px;color:var(--twl-champagne);font-family:var(--twl-font-display);font-size:22px;font-weight:600;text-decoration:none}
.twl-brand__mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--twl-grad-gold);color:#0b0f1a;font-size:20px}
.twl-brand--footer{font-size:24px}

.twl-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.twl-nav__list a{padding:10px 14px;border-radius:var(--twl-radius-sm);color:var(--twl-text);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.02em;transition:background .2s,color .2s}
.twl-nav__list a:hover{background:rgba(255,255,255,.05);color:var(--twl-gold)}
.twl-nav--primary{display:none}
@media (min-width:1024px){.twl-nav--primary{display:block}}

.twl-header__actions{display:flex;align-items:center;gap:6px}
.twl-iconbtn{position:relative;background:transparent;border:1px solid transparent;border-radius:50%;width:42px;height:42px;display:inline-grid;place-items:center;color:var(--twl-text);transition:background .2s,border-color .2s,color .2s}
.twl-iconbtn:hover{background:rgba(255,255,255,.06);color:var(--twl-gold);border-color:var(--twl-line-d)}
.twl-counter{position:absolute;top:-2px;right:-2px;background:var(--twl-gold);color:#0b0f1a;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;min-width:16px;text-align:center}
.twl-menu-toggle{display:inline-grid;flex-direction:column;gap:4px}
.twl-menu-toggle .twl-bar{display:block;width:18px;height:2px;background:currentColor;border-radius:2px}
.twl-menu-toggle .twl-bar + .twl-bar{margin-top:4px}
@media (min-width:1024px){.twl-menu-toggle{display:none}}

.twl-search-panel,.twl-mobile-panel{border-top:1px solid var(--twl-line);background:rgba(10,15,30,.92);padding:18px 0}
.twl-searchform{display:flex;gap:8px;align-items:center}
.twl-searchform input[type=search]{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--twl-line-d);color:var(--twl-text);padding:14px 18px;border-radius:var(--twl-radius-pill);font-size:15px}
.twl-searchform input[type=search]:focus{outline:none;border-color:var(--twl-gold);box-shadow:0 0 0 4px rgba(212,175,55,.16)}
.twl-search-suggest{margin-top:12px;display:grid;gap:8px}
.twl-search-suggest a{display:block;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid var(--twl-line);border-radius:var(--twl-radius-sm);color:var(--twl-text);text-decoration:none;transition:background .2s,border-color .2s}
.twl-search-suggest a:hover{background:rgba(255,255,255,.08);border-color:var(--twl-gold)}
.twl-search-suggest .twl-suggest-type{display:inline-block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--twl-gold);margin-right:8px}
.twl-search-suggest .twl-suggest-empty{color:var(--twl-text-mute);padding:8px 0;font-size:14px}

/* Hero -------------------------------------------------------------------- */
.twl-hero{position:relative;padding:140px 0 60px;overflow:hidden;isolation:isolate}
.twl-hero__bg{position:absolute;inset:0;z-index:-1}
.twl-hero__gradient{position:absolute;inset:0;background:radial-gradient(800px 600px at 80% 0%,rgba(212,175,55,.18),transparent 60%),radial-gradient(700px 500px at 0% 60%,rgba(36,82,168,.22),transparent 60%),var(--twl-grad-night)}
.twl-hero__particles{position:absolute;inset:0;overflow:hidden}
.twl-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--twl-gold);opacity:.5;animation:twl-float 14s linear infinite;left:calc(var(--i) * 7%);top:100%;animation-delay:calc(var(--i) * -1.2s);box-shadow:0 0 12px rgba(212,175,55,.6)}
@keyframes twl-float{
    0%{transform:translate3d(0,0,0);opacity:0}
    10%{opacity:.6}
    100%{transform:translate3d(40px,-110vh,0);opacity:0}
}
.twl-hero__gears{position:absolute;inset:0}
.twl-gear{position:absolute;border:2px dashed rgba(212,175,55,.16);border-radius:50%;animation:twl-spin 60s linear infinite}
.twl-gear::before{content:"";position:absolute;inset:14%;border:1px solid rgba(212,175,55,.12);border-radius:50%}
.twl-gear--lg{width:520px;height:520px;right:-160px;top:-160px}
.twl-gear--md{width:300px;height:300px;left:-100px;bottom:-90px;animation-duration:80s;animation-direction:reverse}
.twl-gear--sm{width:160px;height:160px;right:20%;bottom:10%;animation-duration:40s}
@keyframes twl-spin{to{transform:rotate(360deg)}}

.twl-hero__inner{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;padding-bottom:48px;position:relative;z-index:1}
@media (min-width:1024px){.twl-hero__inner{grid-template-columns:1.2fr .9fr}}
.twl-hero__title{font-size:clamp(36px,5.4vw,68px);line-height:1.06;margin:0 0 18px;background:linear-gradient(180deg,#fff 0%,#d2d8e4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.twl-hero__sub{font-size:clamp(16px,1.6vw,19px);color:var(--twl-text-mute);max-width:540px;margin:0 0 28px}

.twl-trustbar{list-style:none;padding:0;margin:24px 0 12px;display:flex;flex-wrap:wrap;gap:18px;color:var(--twl-text-mute);font-size:13px;letter-spacing:.04em}
.twl-trustbar li{display:inline-flex;align-items:center;gap:8px}
.twl-trustbar span{color:var(--twl-gold)}
.twl-hero__disclosure{font-size:12px;color:var(--twl-text-dim);margin-top:14px}

.twl-hero__viz{position:relative;display:grid;place-items:center}
.twl-hero-watch{position:relative;width:min(460px,82vw);aspect-ratio:1/1;display:grid;place-items:center}
.twl-hero-watch__svg{width:100%;height:auto;filter:drop-shadow(0 60px 80px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(212,175,55,.25))}
.twl-hero-watch__halo{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.18) 0%,transparent 60%);z-index:-1;animation:twl-halo 6s ease-in-out infinite}
@keyframes twl-halo{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}
.twl-hero-hand--second{transform-origin:0 0;animation:twl-spin-cw 60s linear infinite}
.twl-hero-hand--minute{transform-origin:0 0;animation:twl-spin-cw 3600s linear infinite}
.twl-hero-hand--hour{transform-origin:0 0;animation:twl-spin-cw 43200s linear infinite}
@keyframes twl-spin-cw{to{transform:rotate(360deg)}}

.twl-hero__quick{margin-top:20px;border-top:1px solid var(--twl-line);padding-top:24px}
.twl-hero__quick-label{font-family:var(--twl-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--twl-text-mute);margin:0 0 12px}
.twl-quickpills{display:flex;flex-wrap:wrap;gap:10px}

/* Continue Journey -------------------------------------------------------- */
.twl-continue{margin:0 auto}
.twl-continue__inner{background:linear-gradient(135deg, rgba(212,175,55,.08), rgba(212,175,55,0) 60%), rgba(255,255,255,.03);border:1px solid var(--twl-line-d);border-radius:var(--twl-radius);padding:28px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.twl-continue__head{margin-bottom:16px}
.twl-continue__grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.twl-continue__card{display:block;padding:18px;border-radius:var(--twl-radius-sm);background:rgba(255,255,255,.03);border:1px solid var(--twl-line);color:var(--twl-text);text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.twl-continue__card:hover{transform:translateY(-2px);background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.3)}
.twl-continue__glyph{font-size:24px;color:var(--twl-gold);display:inline-block;margin-bottom:8px}
.twl-continue__title{font-family:var(--twl-font-display);font-size:18px;margin:0 0 6px}
.twl-continue__cta{display:inline-block;margin-top:8px;color:var(--twl-gold);font-size:13px;font-family:var(--twl-font-mono);letter-spacing:.06em}

/* Cards ------------------------------------------------------------------- */
.twl-grid{display:grid;gap:24px}
.twl-grid--2{grid-template-columns:1fr}
.twl-grid--3{grid-template-columns:1fr}
@media (min-width:768px){.twl-grid--2{grid-template-columns:repeat(2,1fr)}.twl-grid--3{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.twl-grid--3{grid-template-columns:repeat(3,1fr)}}

.twl-card{position:relative;background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));border:1px solid var(--twl-line);border-radius:var(--twl-radius);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;backdrop-filter:blur(6px)}
.twl-card:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.35);box-shadow:var(--twl-shadow-md)}
.twl-card--gold{background:linear-gradient(180deg, rgba(212,175,55,.08), rgba(255,255,255,.015) 50%);border-color:rgba(212,175,55,.2)}
.twl-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;display:block;background:var(--twl-grad-steel)}
.twl-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.twl-card:hover .twl-card__media img{transform:scale(1.05)}
.twl-card__media--watchgrad{background:radial-gradient(circle at 50% 50%, #2a3a5f 0%, #0d1428 60%), linear-gradient(135deg, #1a2236, #0b1020)}
.twl-card__media--watchgrad::after{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 35% 35%, #d4af37 0%, #91741f 40%, #1a1f30 60%);box-shadow:inset 0 0 0 2px rgba(212,175,55,.4), inset 0 0 22px rgba(0,0,0,.7), 0 22px 36px -10px rgba(0,0,0,.6)}
.twl-card__media--svg{background:radial-gradient(circle at 30% 28%, #2a3a5f 0%, #0a0f1c 70%), linear-gradient(135deg, #131a2c, #060912);display:grid;place-items:center;padding:18px}
.twl-card__media--svg .twl-svg-watch{width:78%;height:auto;filter:drop-shadow(0 20px 28px rgba(0,0,0,.55))}
.twl-card__media--svg img{width:100%;height:100%;object-fit:cover}
.twl-svg-watch{display:block;width:100%;height:auto}
.twl-bundle__glyph--svg{padding:6px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.25);width:64px;height:64px;border-radius:50%;display:grid;place-items:center}
.twl-bundle__glyph--svg .twl-svg-watch{width:46px;height:46px}
.twl-card__crown{position:absolute;right:12%;top:46%;width:14px;height:24px;background:linear-gradient(180deg,#d4af37,#91741f);border-radius:3px;box-shadow:0 4px 10px rgba(0,0,0,.5)}
.twl-card__placeholder{width:100%;height:100%;background:var(--twl-grad-steel);position:relative}
.twl-card__placeholder::after{content:"⌚";position:absolute;inset:0;display:grid;place-items:center;font-size:48px;opacity:.18;color:var(--twl-gold)}
.twl-card__badge{position:absolute;top:14px;left:14px;background:var(--twl-grad-gold);color:#0b0f1a;font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 12px;border-radius:var(--twl-radius-pill);text-transform:uppercase;z-index:2}
.twl-card__body{padding:20px 22px 22px}
.twl-card__meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--twl-text-mute);margin-bottom:10px}
.twl-card__title{font-family:var(--twl-font-display);font-size:22px;margin:0 0 10px;line-height:1.25}
.twl-card__title a{color:var(--twl-champagne);text-decoration:none}
.twl-card__title a:hover{color:var(--twl-gold)}
.twl-card__excerpt{color:var(--twl-text-mute);font-size:14px;margin:0 0 14px}
.twl-card__chips{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px}
.twl-card__chips li{font-size:11px;letter-spacing:.06em;padding:5px 10px;border-radius:var(--twl-radius-pill);background:rgba(255,255,255,.05);color:var(--twl-text-mute);text-transform:uppercase}
.twl-card__actions{display:grid;gap:8px}
.twl-card__link{font-family:var(--twl-font-mono);font-size:13px;letter-spacing:.06em}

/* Archetypes -------------------------------------------------------------- */
.twl-archetypes--grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.twl-archetype-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px;border-radius:var(--twl-radius);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));border:1px solid var(--twl-line);color:var(--twl-text);text-align:left;cursor:pointer;transition:transform .2s ease,border-color .25s ease,background .25s ease;text-decoration:none}
.twl-archetype-card:hover{transform:translateY(-3px);border-color:rgba(212,175,55,.35);background:rgba(212,175,55,.05)}
.twl-archetype-card.is-active{border-color:var(--twl-gold);background:rgba(212,175,55,.10);box-shadow:0 14px 30px -16px rgba(212,175,55,.45)}
.twl-archetype-card__mark{font-size:28px;color:var(--twl-gold);line-height:1}
.twl-archetype-card__name{font-family:var(--twl-font-display);font-size:20px;color:var(--twl-champagne)}
.twl-archetype-card__sub{font-size:13px;color:var(--twl-text-mute)}
.twl-archetype-card__meta{font-size:12px;color:var(--twl-text-dim);font-family:var(--twl-font-mono)}
.twl-archetype-card__cta{margin-top:6px;font-family:var(--twl-font-mono);font-size:12px;color:var(--twl-gold);letter-spacing:.06em}
.twl-archetype-card--gold{border-color:rgba(212,175,55,.22)}
.twl-archetype-card--steel{border-color:rgba(99,131,177,.22)}
.twl-archetype-out{margin-top:24px;background:linear-gradient(135deg, rgba(212,175,55,.1), rgba(255,255,255,.03));border:1px solid rgba(212,175,55,.3);padding:24px;border-radius:var(--twl-radius);display:grid;gap:10px}

/* Style Explorer ---------------------------------------------------------- */
.twl-explorer{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));border:1px solid var(--twl-line);border-radius:var(--twl-radius);padding:22px}
.twl-explorer__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.twl-explorer__tab{padding:10px 16px;border-radius:var(--twl-radius-pill);background:rgba(255,255,255,.05);border:1px solid var(--twl-line);color:var(--twl-text);font-size:14px;font-weight:500;transition:background .2s,color .2s,border-color .2s}
.twl-explorer__tab.is-active{background:var(--twl-grad-gold);color:#0b0f1a;border-color:transparent}
.twl-explorer__panel{display:flex;flex-direction:column;gap:12px}

/* Sec head ---------------------------------------------------------------- */
.twl-empty{color:var(--twl-text-mute);text-align:center;padding:60px 0}

/* Pagination -------------------------------------------------------------- */
.twl-pagination{margin-top:48px;display:flex;justify-content:center}
.twl-pagination .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;margin:0 4px;border-radius:var(--twl-radius-sm);background:rgba(255,255,255,.04);border:1px solid var(--twl-line);color:var(--twl-text);text-decoration:none;font-weight:500;padding:0 12px}
.twl-pagination .page-numbers.current{background:var(--twl-grad-gold);color:#0b0f1a;border-color:transparent}
.twl-pagination .page-numbers:hover{border-color:var(--twl-gold)}

/* Prose ------------------------------------------------------------------- */
.twl-prose{max-width:760px;margin:0 auto;font-size:17px;line-height:1.75;color:#dde2ed}
.twl-prose h2{font-size:32px;margin:2em 0 .5em}
.twl-prose h3{font-size:24px;margin:1.8em 0 .5em}
.twl-prose img{border-radius:var(--twl-radius);margin:1.4em 0}
.twl-prose blockquote{border-left:4px solid var(--twl-gold);padding:6px 18px;margin:1.5em 0;background:rgba(212,175,55,.06);font-style:italic;border-radius:0 var(--twl-radius-sm) var(--twl-radius-sm) 0}
.twl-prose code{font-family:var(--twl-font-mono);background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;font-size:.92em}
.twl-prose ul,.twl-prose ol{padding-left:1.4em;margin:0 0 1.2em}
.twl-prose li{margin:.4em 0}
.twl-inline-disclosure{padding:10px 14px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.18);border-radius:var(--twl-radius-sm);color:var(--twl-text);font-size:13px}

/* Single ------------------------------------------------------------------ */
.twl-single__hero{padding:120px 0 0;position:relative}
.twl-single__title{font-size:clamp(32px,4.5vw,52px);margin-bottom:14px}
.twl-single__meta{color:var(--twl-text-mute);font-size:13px;letter-spacing:.04em;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.twl-single__image{margin-top:36px;border-radius:var(--twl-radius);overflow:hidden}
.twl-single__layout{display:grid;gap:48px;grid-template-columns:1fr;padding:48px 24px}
@media (min-width:1024px){.twl-single__layout{grid-template-columns:1fr 320px}}
.twl-aside-card{background:rgba(255,255,255,.03);border:1px solid var(--twl-line);border-radius:var(--twl-radius);padding:20px;margin-bottom:18px}
.twl-aside-card__title{font-family:var(--twl-font-display);font-size:18px;color:var(--twl-champagne);margin:0 0 10px}
.twl-aside-card__list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.twl-aside-card__list a{display:block;padding:8px 10px;border-radius:var(--twl-radius-sm);background:rgba(255,255,255,.03);color:var(--twl-text);text-decoration:none;font-size:14px}
.twl-aside-card__list a:hover{background:rgba(212,175,55,.08);color:var(--twl-gold)}
.twl-breadcrumb{color:var(--twl-text-mute);font-size:13px;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.twl-breadcrumb a{color:var(--twl-text-mute)}
.twl-breadcrumb a:hover{color:var(--twl-gold)}
.twl-postnav{display:grid;gap:16px;grid-template-columns:1fr;margin:36px 0 12px;padding:24px 0;border-top:1px solid var(--twl-line);border-bottom:1px solid var(--twl-line)}
@media (min-width:768px){.twl-postnav{grid-template-columns:1fr 1fr}}
.twl-postnav__next{text-align:right}
.twl-postnav a{color:var(--twl-gold);font-family:var(--twl-font-display);font-size:18px}
.twl-comments{padding:48px 24px}
.twl-comments-area{background:rgba(255,255,255,.03);border:1px solid var(--twl-line);border-radius:var(--twl-radius);padding:24px}

/* Archive ----------------------------------------------------------------- */
.twl-archive{padding:120px 0 96px}
.twl-archive__head{text-align:center;margin-bottom:48px}
.twl-archive__title{font-size:clamp(32px,4vw,48px)}
.twl-archive__sub{color:var(--twl-text-mute);font-size:17px}
.twl-card--post .twl-card__placeholder::after{content:"⌚"}
.twl-searchform--inline{max-width:520px;margin:18px auto 0}

/* 404 --------------------------------------------------------------------- */
.twl-404{padding:120px 0 96px}
.twl-404__head{text-align:center;margin:48px auto 32px;max-width:680px}
.twl-404__title{font-size:clamp(32px,4.4vw,56px);margin-bottom:14px}
.twl-404__sub{color:var(--twl-text-mute);font-size:17px}
.twl-404__search{max-width:680px;margin:0 auto 56px}
.twl-404__archetypes,.twl-404__guides,.twl-404__tools{margin:56px 0}
.twl-empty-state{text-align:center;padding:60px 20px;background:rgba(255,255,255,.03);border:1px dashed var(--twl-line-d);border-radius:var(--twl-radius)}

/* Sticky CTA -------------------------------------------------------------- */
.twl-sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:70;background:rgba(10,15,30,.92);backdrop-filter:blur(14px);border-top:1px solid var(--twl-line);padding:12px 0;transform:translateY(110%);transition:transform .3s ease}
.twl-sticky-cta.is-visible{transform:translateY(0)}
.twl-sticky-cta__inner{display:flex;align-items:center;gap:12px;justify-content:space-between}
.twl-sticky-cta__label{font-family:var(--twl-font-mono);font-size:12px;letter-spacing:.12em;color:var(--twl-gold);text-transform:uppercase;display:none}
@media (min-width:768px){.twl-sticky-cta__label{display:inline-block}}
@media (min-width:1024px){.twl-sticky-cta{display:none}}

/* Footer ------------------------------------------------------------------ */
.twl-footer{margin-top:96px;background:linear-gradient(180deg, transparent, rgba(0,0,0,.4))}
.twl-footer__top{padding:64px 0;border-top:1px solid var(--twl-line)}
.twl-footer__grid{display:grid;gap:32px;grid-template-columns:1fr}
@media (min-width:768px){.twl-footer__grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.twl-footer__tag{color:var(--twl-text-mute);margin-top:14px;max-width:300px}
.twl-widget__title{font-family:var(--twl-font-display);font-size:18px;color:var(--twl-champagne);margin:0 0 14px}
.twl-footer__list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.twl-footer__list a{color:var(--twl-text-mute);text-decoration:none;font-size:14px}
.twl-footer__list a:hover{color:var(--twl-gold)}
.twl-newsletter--footer{display:flex;gap:8px;flex-wrap:wrap}
.twl-newsletter--footer input{flex:1;min-width:160px;background:rgba(255,255,255,.04);border:1px solid var(--twl-line-d);color:var(--twl-text);padding:12px 16px;border-radius:var(--twl-radius-pill);font-size:14px}
.twl-footer__legal{padding:18px 0;border-top:1px solid var(--twl-line);background:rgba(0,0,0,.3)}
.twl-footer__legal-inner{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;color:var(--twl-text-mute);font-size:12px}
.twl-disclosure{margin:0;max-width:720px}
.twl-copy{margin:0}

/* Sections — minor headings */
.twl-section--quiz .twl-h2,.twl-section--collection-planner .twl-h2{font-size:clamp(32px,3.8vw,46px)}

/* Animation utilities */
@media (prefers-reduced-motion: reduce){
    *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}

/* Print */
@media print{
    .twl-header,.twl-footer,.twl-sticky-cta,.twl-hero__bg,.twl-newsletter,.twl-search-panel,.twl-mobile-panel,.twl-iconbtn,.twl-cta-row{display:none !important}
    body{background:#fff;color:#000}
    h1,h2,h3,h4{color:#000}
}