:root{--p:#4f46e5;--pd:#4338ca;--bg:#f8fafc;--s:#fff;--t:#0f172a;--m:#475569;--b:#e2e8f0;--g:#16a34a;--r:#dc2626;--w:#d97706;--sh:0 12px 30px rgba(15,23,42,.08)}
.dark{--bg:#020617;--s:#0f172a;--t:#e2e8f0;--m:#94a3b8;--b:#1e293b;--sh:0 18px 40px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--t);background:radial-gradient(circle at top left,rgba(79,70,229,.12),transparent 34rem),var(--bg)}a{color:inherit}a:hover{color:var(--p)}code,pre,textarea.mono{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace}:focus-visible{outline:3px solid rgba(79,70,229,.45);outline-offset:2px}.bc-container{width:min(1180px,calc(100% - 2rem));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--s) 90%,transparent);border-bottom:1px solid var(--b);backdrop-filter:blur(14px)}.bc-nav{min-height:4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:850;color:var(--p);font-size:1.15rem;text-decoration:none}.nav-toggle{display:none}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link,.nav-group>button,.theme-toggle,.nav-toggle{min-height:44px;padding:.55rem .8rem;border-radius:.75rem;border:0;background:transparent;color:var(--t);font-weight:700;text-decoration:none;cursor:pointer}.nav-link:hover,.nav-group>button:hover,.theme-toggle:hover{background:rgba(79,70,229,.1)}.nav-group{position:relative}.dropdown{display:none;position:absolute;right:0;top:100%;min-width:245px;max-height:75vh;overflow:auto;background:var(--s);border:1px solid var(--b);border-radius:1rem;box-shadow:var(--sh);padding:.5rem}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:grid}.dropdown a{padding:.5rem;border-radius:.6rem;text-decoration:none}.dropdown a:hover{background:rgba(79,70,229,.1)}.breadcrumbs{display:flex;gap:.45rem;flex-wrap:wrap;color:var(--m);font-size:.9rem;margin:1.2rem auto}.hero{padding:2.5rem 0 1.5rem}.hero-grid{display:grid;gap:1.25rem}.eyebrow,.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid var(--b);padding:.32rem .6rem;font-size:.8rem;font-weight:800;color:var(--m);background:var(--s)}.eyebrow{color:var(--p);background:rgba(79,70,229,.1)}.success{color:var(--g)}.warn{color:var(--w)}h1{font-size:clamp(2.1rem,6vw,4rem);line-height:1;letter-spacing:-.055em;margin:1rem 0}h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.15;letter-spacing:-.03em;margin:0 0 1rem}h3{margin:.3rem 0 .65rem;font-size:1.1rem}p{color:var(--m);line-height:1.65}.lead{font-size:1.1rem;max-width:70ch}.panel,.privacy-card,.disclaimer,.callout,.tool-card{border:1px solid var(--b);background:color-mix(in srgb,var(--s) 96%,transparent);border-radius:1rem;padding:1rem;box-shadow:var(--sh)}.tool-shell{display:grid;gap:1.25rem;margin:1rem 0 2rem}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{border:1px solid var(--b);border-radius:.9rem;background:var(--s);padding:.8rem}.label{display:block;color:var(--m);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.value{display:block;font-size:1.35rem;font-weight:850}label{display:block;font-weight:750;margin:.45rem 0;color:var(--t)}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--b);border-radius:.85rem;padding:.72rem .82rem;background:var(--s);color:var(--t)}textarea{resize:vertical}.textarea-lg{min-height:18rem;max-height:50rem}.controls-grid{display:grid;gap:.8rem}.btn-row,.chip-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.btn,.chip{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--b);border-radius:.85rem;padding:.65rem .9rem;background:var(--s);color:var(--t);font-weight:800;cursor:pointer;text-decoration:none}.chip{border-radius:999px;min-height:36px}.btn-primary{background:var(--p);border-color:var(--p);color:#fff}.btn-warning{background:#f59e0b;border-color:#f59e0b;color:#111827}.danger{color:var(--r)}.chip[aria-pressed=true],.active{background:rgba(79,70,229,.12);color:var(--p);border-color:rgba(79,70,229,.35)}.table-wrap{overflow:auto;border:1px solid var(--b);border-radius:.9rem;background:var(--s)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{padding:.75rem;border-bottom:1px solid var(--b);text-align:left;vertical-align:top}th{position:sticky;top:0;background:color-mix(in srgb,var(--s) 92%,var(--p) 8%);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.muted,.help,.small{color:var(--m);font-size:.88rem}.token-chip{display:inline-flex;white-space:pre;max-width:16rem;overflow:hidden;text-overflow:ellipsis;margin:.12rem;padding:.25rem .38rem;border:1px solid var(--b);border-radius:.4rem;font-family:"JetBrains Mono",monospace;font-size:.78rem}.token-chip:nth-child(odd){background:rgba(79,70,229,.12)}.token-chip:nth-child(even){background:rgba(6,182,212,.12)}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(2,6,23,.68);padding:1rem}.modal[hidden]{display:none}.modal-card{width:min(760px,100%);max-height:82vh;overflow:auto;background:var(--s);border:1px solid var(--b);border-radius:1.2rem;padding:1rem}.preview-box,.modal-card pre,.code-block{white-space:pre-wrap;word-break:break-word;background:color-mix(in srgb,var(--bg) 90%,var(--p) 10%);border:1px solid var(--b);border-radius:.9rem;padding:1rem}.sticky-top{position:sticky;top:5rem;z-index:5}.svg-chart{width:100%;height:auto;overflow:visible}.bar-label{font-size:12px;fill:currentColor}.faq-list details{border:1px solid var(--b);border-radius:.9rem;background:var(--s);padding:.85rem 1rem;margin:.65rem 0}.faq-list summary{cursor:pointer;font-weight:800}.related-grid,.card-grid{display:grid;gap:.9rem}.tool-card{display:block;text-decoration:none}.site-footer{margin-top:4rem;padding:2.5rem 0;border-top:1px solid var(--b);background:var(--s)}.footer-grid{display:grid;gap:1.2rem}.footer-grid a{display:block;color:var(--m);text-decoration:none;padding:.15rem 0}.ratio-preview{min-height:240px;border:1px dashed var(--b);border-radius:1rem;display:grid;place-items:center;background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(6,182,212,.08))}.ratio-box{background:rgba(79,70,229,.16);border:2px solid var(--p);border-radius:.7rem;display:grid;place-items:center;color:var(--p);font-weight:850}.toc{position:sticky;top:5rem}.toc a{display:block;color:var(--m);padding:.25rem 0}.cheat-layout{display:grid;gap:1.25rem}.copy-code{float:right;min-height:34px;padding:.35rem .55rem}.embed-mode .site-header,.embed-mode .site-footer,.embed-mode .breadcrumbs,.embed-mode .hero,.embed-mode .hide-in-embed{display:none!important}.embed-mode body{background:var(--s)}@media(min-width:720px){.stat-grid{grid-template-columns:repeat(4,1fr)}.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.controls-grid.three,.related-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1.2fr 1fr 1fr 1fr}}@media(min-width:900px){.hero-grid{grid-template-columns:1.35fr .65fr}.tool-shell.two-col{grid-template-columns:minmax(0,.95fr) minmax(320px,.65fr)}.tool-shell.wide-left{grid-template-columns:minmax(0,1.15fr) minmax(340px,.55fr)}}@media(min-width:1040px){.cheat-layout{grid-template-columns:260px 1fr}}@media(max-width:760px){.nav-toggle{display:inline-flex;border:1px solid var(--b);background:var(--s)}.nav-links{display:none;position:absolute;left:1rem;right:1rem;top:4.25rem;flex-direction:column;align-items:stretch;background:var(--s);border:1px solid var(--b);border-radius:1rem;padding:.75rem;box-shadow:var(--sh)}.nav-links.open{display:flex}.nav-group{width:100%}.nav-link,.nav-group>button,.theme-toggle{width:100%;justify-content:flex-start}.dropdown{position:static;display:none;box-shadow:none;margin-top:.35rem}.nav-group:focus-within .dropdown{display:grid}}@media print{.site-header,.site-footer,.breadcrumbs,.hero .privacy-card,.toc,.btn-row,.hide-print{display:none!important}body{background:#fff!important;color:#111827!important}.bc-container{width:100%}.panel,.tool-card,.privacy-card,.disclaimer{box-shadow:none!important;border-color:#ddd!important}.cheat-layout{display:block}.cheat-section{break-inside:avoid}}

/* Bulkcalculator-compatible navigation fixes */
.brand{display:inline-flex;align-items:center;min-height:44px}.nav-group>button{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.nav-group.open>.dropdown{display:grid}.dropdown{z-index:90}.nav-links a,.footer-grid a{touch-action:manipulation}.footer-copy{margin-top:1.5rem}.site-footer h3{font-size:1rem;margin:0 0 .75rem}.site-footer p{margin:0}.nav-toggle{font-weight:900;font-size:1.15rem;line-height:1}
@media(min-width:761px){.nav-toggle{display:none!important}.nav-links{display:flex!important}.nav-group.open>.dropdown{display:grid}.dropdown{grid-template-columns:1fr}.nav-group:first-child .dropdown{left:0;right:auto}.nav-group:last-of-type .dropdown{right:0}}
@media(max-width:760px){.bc-nav{position:relative;min-height:4rem}.brand{flex:1}.nav-links{z-index:80}.nav-links.open{display:flex}.nav-group.open>.dropdown{display:grid}.nav-group>button{width:100%;justify-content:space-between}.dropdown a{padding:.65rem .75rem}.footer-grid{gap:1.35rem}.footer-grid a{padding:.28rem 0}}

/* BulkCalculator-style navigation fixes: click, keyboard, hover and mobile support. */
.nav-toggle{align-items:center;gap:.45rem}
.nav-group>button{display:inline-flex;align-items:center;gap:.35rem}
.nav-group.open>.dropdown,.nav-group>button[aria-expanded="true"]+.dropdown{display:grid}
.nav-links.open{display:flex}
.dropdown a[role="menuitem"]{display:block}
.footer-bottom{border-top:1px solid var(--b);padding-top:1rem;margin-top:1.5rem}
.site-footer h3{font-weight:850;color:var(--t)}
.site-footer a:hover{color:var(--p)}
@media(min-width:761px){.nav-toggle{display:none!important}.nav-links{display:flex!important}}
@media(max-width:760px){.site-header{position:sticky}.nav-toggle{display:inline-flex}.nav-links{max-height:calc(100vh - 5rem);overflow:auto}.nav-group.open>.dropdown{display:grid}.dropdown{width:100%;max-height:none}.dropdown a{padding:.55rem .65rem}.footer-grid{grid-template-columns:1fr}.site-footer{padding-bottom:2rem}.footer-grid section{border-bottom:1px solid var(--b);padding-bottom:1rem}.footer-grid section:last-child{border-bottom:0}}

/* Header/footer menu alignment with BulkCalculator category pages */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--s) 94%,transparent);border-bottom:1px solid var(--b);backdrop-filter:blur(14px)}
.bc-nav{min-height:4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}
.brand{font-weight:850;color:var(--p);font-size:1.15rem;text-decoration:none;white-space:nowrap}
.nav-toggle{display:none;align-items:center;gap:.45rem;min-height:44px;padding:.55rem .8rem;border:1px solid var(--b);border-radius:.75rem;background:var(--s);color:var(--t);font-weight:800;cursor:pointer}
.nav-links{display:flex;align-items:center;gap:.25rem}
.nav-group{position:relative}
.nav-link,.nav-group>button,.theme-toggle{min-height:44px;display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .8rem;border-radius:.75rem;border:0;background:transparent;color:var(--t);font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}
.nav-link:hover,.nav-group>button:hover,.theme-toggle:hover,.nav-group.open>button{background:rgba(79,70,229,.1);color:var(--p)}
.dropdown{display:none;position:absolute;left:0;right:auto;top:calc(100% + .45rem);z-index:70;width:min(320px,90vw);max-height:75vh;overflow:auto;background:var(--s);border:1px solid var(--b);border-radius:1rem;box-shadow:var(--sh);padding:.5rem}
.nav-group:hover .dropdown,.nav-group:focus-within .dropdown,.nav-group.open .dropdown{display:grid;grid-template-columns:1fr;gap:.1rem}
.nav-group:last-of-type .dropdown{left:auto;right:0}
.dropdown a{display:block;padding:.55rem .6rem;border-radius:.65rem;text-decoration:none;color:var(--t);line-height:1.25}
.dropdown a:hover,.dropdown a:focus-visible{background:rgba(79,70,229,.1);color:var(--p)}
.site-footer{margin-top:4rem;padding:2.5rem 0 1.25rem;border-top:1px solid var(--b);background:var(--s)}
.footer-grid{display:grid;gap:1.35rem}
.site-footer h3{font-size:1rem;margin:0 0 .65rem;color:var(--t);font-weight:850}
.site-footer p{margin:0;color:var(--m)}
.site-footer a{display:block;color:var(--m);text-decoration:none;padding:.18rem 0;line-height:1.35}
.site-footer a:hover{color:var(--p)}
.footer-copy{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--b)}
@media(min-width:761px){.nav-links{display:flex!important}.nav-toggle{display:none!important}.footer-grid{grid-template-columns:1.2fr 1fr 1fr 1fr}}
@media(max-width:760px){.bc-nav{align-items:center;min-height:4rem}.nav-toggle{display:inline-flex!important}.nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% + .6rem);flex-direction:column;align-items:stretch;gap:.3rem;background:var(--s);border:1px solid var(--b);border-radius:1rem;padding:.75rem;box-shadow:var(--sh);max-height:calc(100vh - 5.5rem);overflow:auto}.nav-links.open{display:flex}.nav-group{width:100%}.nav-link,.nav-group>button,.theme-toggle{width:100%;justify-content:space-between;text-align:left}.dropdown{position:static;width:100%;max-height:none;box-shadow:none;margin:.25rem 0 .4rem;padding:.35rem;background:color-mix(in srgb,var(--bg) 80%,var(--s) 20%)}.nav-group:hover .dropdown{display:none}.nav-group.open .dropdown,.nav-group:focus-within .dropdown{display:grid}.footer-grid{grid-template-columns:1fr}.site-footer a{padding:.28rem 0}}
.nav-group:not(.open):focus-within>.dropdown{display:none}.nav-group.open:focus-within>.dropdown{display:grid}
@media(min-width:761px){.nav-group:hover>.dropdown{display:grid}.nav-group:not(.open):focus-within:hover>.dropdown{display:grid}}
@media(max-width:760px){.nav-group:hover>.dropdown{display:none}.nav-group.open:hover>.dropdown{display:grid}}

/* Final nav behaviour override: desktop opens on hover/focus/click; mobile opens on hamburger and menu button click. */
@media(min-width:761px){.nav-group:hover>.dropdown,.nav-group:focus-within>.dropdown,.nav-group.open>.dropdown{display:grid!important}}
@media(max-width:760px){.nav-group:not(.open)>.dropdown,.nav-group:not(.open):focus-within>.dropdown,.nav-group:not(.open):hover>.dropdown{display:none!important}.nav-group.open>.dropdown{display:grid!important}}

/* 2026-04-27: match BulkCalculator desktop menu/footer columns and remove hover gap. */
@media (min-width: 761px) {
  .bc-nav {
    overflow: visible;
  }

  .nav-group {
    position: relative;
  }

  .nav-group > .dropdown {
    top: 100% !important;
    margin-top: 0 !important;
    padding: .65rem !important;
    gap: .08rem .45rem !important;
    overflow: visible !important;
  }

  .nav-group:hover > .dropdown,
  .nav-group:focus-within > .dropdown,
  .nav-group.open > .dropdown,
  .nav-group > button[aria-expanded="true"] + .dropdown {
    display: grid !important;
  }

  #nav-bulk-calculators.dropdown {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
    width: min(560px, calc(100vw - 2rem)) !important;
    max-height: min(78vh, 680px) !important;
    overflow-y: auto !important;
  }

  #nav-tutorials.dropdown,
  #nav-imp-links.dropdown {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
    width: min(430px, calc(100vw - 2rem)) !important;
    max-height: min(78vh, 520px) !important;
    overflow-y: auto !important;
  }

  .dropdown a {
    min-height: 38px;
    display: flex !important;
    align-items: center;
  }

  .site-footer .footer-grid section:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(2, minmax(135px, 1fr));
    column-gap: 1.1rem;
    align-content: start;
  }

  .site-footer .footer-grid section:nth-child(2) > h3 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  #nav-bulk-calculators.dropdown,
  #nav-tutorials.dropdown,
  #nav-imp-links.dropdown {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .site-footer .footer-grid section:nth-child(2) {
    display: block;
  }
}

/* BulkCalculator live-site two-column menu and stable hover patch */
.site-header{z-index:1000}
.bc-nav{position:relative}
.nav-group{position:relative}
.nav-group>button[aria-expanded="true"]{background:rgba(79,70,229,.1);color:var(--p)}
@media(min-width:761px){
  .nav-links{display:flex!important;align-items:center;gap:.25rem;overflow:visible}
  .nav-group{padding-bottom:.55rem;margin-bottom:-.55rem}
  .dropdown{
    top:100%!important;
    left:0;
    right:auto;
    width:min(560px,calc(100vw - 2rem));
    min-width:420px;
    max-height:calc(100vh - 5.25rem);
    overflow:auto;
    padding:.75rem;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.12rem .35rem;
  }
  .nav-group:hover>.dropdown,
  .nav-group:focus-within>.dropdown,
  .nav-group.open>.dropdown,
  .nav-group.hover-open>.dropdown,
  .nav-group>button[aria-expanded="true"]+.dropdown{display:grid!important}
  .nav-group:nth-last-of-type(1)>.dropdown,
  .nav-group:last-of-type>.dropdown{left:auto;right:0}
  .dropdown a{min-height:34px;display:flex;align-items:center;padding:.55rem .65rem;line-height:1.25}
}
@media(max-width:760px){
  .nav-group{padding-bottom:0;margin-bottom:0}
  .dropdown{grid-template-columns:1fr!important;min-width:0;width:100%;top:auto!important}
}
.site-footer{margin-top:4rem;padding:2.5rem 0 1.25rem;border-top:1px solid var(--b);background:var(--s)}
.footer-grid{display:grid;gap:1.5rem;align-items:start}
.footer-section h3{font-size:1rem;margin:0 0 .75rem;color:var(--t);font-weight:850}
.footer-section p{margin:0;color:var(--m)}
.footer-links{display:grid;grid-template-columns:1fr;gap:.1rem .9rem}
.footer-links a{display:block;color:var(--m);text-decoration:none;padding:.2rem 0;line-height:1.35}
.footer-links a:hover{color:var(--p)}
.footer-copy{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--b)}
@media(min-width:761px){
  .footer-grid{grid-template-columns:1.15fr 2fr 1fr 1fr}
  .footer-links--two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .footer-grid{grid-template-columns:1fr}
  .footer-links--two-col{grid-template-columns:1fr}
  .footer-section{border-bottom:1px solid var(--b);padding-bottom:1rem}
  .footer-section:last-child{border-bottom:0}
}

/* RECTIFIED BULKCALCULATOR TWO-COLUMN NAV AND FOOTER OVERRIDE */
.site-header{overflow:visible}.bc-nav{overflow:visible}.brand{display:inline-flex;align-items:center;gap:.35rem;min-height:44px}.brand-plus{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:.45rem;background:var(--p);color:#fff;font-weight:900;line-height:1}.nav-links{overflow:visible}.nav-group{position:relative}.nav-group>button{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.dropdown{z-index:999}.dropdown a{min-height:36px;display:flex;align-items:center;break-inside:avoid;touch-action:manipulation}.footer-menu a{display:block;break-inside:avoid;touch-action:manipulation}.footer-copy{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--b)}
@media(min-width:761px){.nav-toggle{display:none!important}.nav-links{display:flex!important;align-items:center;gap:.25rem;position:static!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;max-height:none!important;overflow:visible!important}.nav-group::after{content:"";position:absolute;left:-.35rem;right:-.35rem;top:100%;height:.45rem;display:block;pointer-events:auto}.dropdown{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:auto!important;margin-top:0!important;width:min(480px,calc(100vw - 2rem))!important;min-width:360px!important;max-height:min(75vh,640px)!important;overflow:auto!important;padding:.65rem!important;border-radius:1rem!important;background:var(--s)!important;border:1px solid var(--b)!important;box-shadow:var(--sh)!important;grid-template-columns:repeat(2,minmax(160px,1fr))!important;gap:.12rem .35rem!important}.dropdown-wide{width:min(640px,calc(100vw - 2rem))!important;min-width:min(560px,calc(100vw - 2rem))!important;grid-template-columns:repeat(2,minmax(220px,1fr))!important}.dropdown-compact{width:min(430px,calc(100vw - 2rem))!important;min-width:360px!important;grid-template-columns:repeat(2,minmax(160px,1fr))!important}.nav-group:last-of-type>.dropdown{left:auto!important;right:0!important}.nav-group:hover>.dropdown,.nav-group:focus-within>.dropdown,.nav-group.open>.dropdown,.nav-group>button[aria-expanded="true"]+.dropdown{display:grid!important}.nav-group:hover>button,.nav-group:focus-within>button,.nav-group.open>button{background:rgba(79,70,229,.1);color:var(--p)}.dropdown a{padding:.58rem .65rem;border-radius:.65rem;color:var(--t);line-height:1.25;text-decoration:none}.dropdown a:hover,.dropdown a:focus-visible{background:rgba(79,70,229,.1);color:var(--p)}.site-footer{padding:2.5rem 0 1.25rem}.footer-grid{display:grid!important;grid-template-columns:minmax(220px,1.05fr) minmax(400px,1.9fr) minmax(170px,.85fr) minmax(170px,.85fr)!important;gap:1.35rem!important;align-items:start}.footer-quick-links h3{grid-column:1/-1}.footer-menu-two-col{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.08rem 1.1rem}.site-footer h3{font-size:1rem;margin:0 0 .65rem;color:var(--t);font-weight:850}.site-footer p{margin:0;color:var(--m)}.site-footer a{display:block;padding:.18rem 0;color:var(--m);text-decoration:none;line-height:1.35}.site-footer a:hover{color:var(--p)}}
@media(max-width:760px){.bc-nav{position:relative}.nav-toggle{display:inline-flex!important}.nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% + .6rem);z-index:900;flex-direction:column;align-items:stretch;gap:.3rem;background:var(--s);border:1px solid var(--b);border-radius:1rem;padding:.75rem;box-shadow:var(--sh);max-height:calc(100vh - 5.5rem);overflow:auto}.nav-links.open{display:flex!important}.nav-group{width:100%}.nav-link,.nav-group>button,.theme-toggle{width:100%;justify-content:space-between;text-align:left}.dropdown{display:none!important;position:static!important;width:100%!important;min-width:0!important;max-height:none!important;box-shadow:none!important;margin:.25rem 0 .4rem!important;padding:.35rem!important;background:color-mix(in srgb,var(--bg) 80%,var(--s) 20%)!important;grid-template-columns:1fr!important}.nav-group.open>.dropdown,.nav-group>button[aria-expanded="true"]+.dropdown{display:grid!important}.nav-group:hover>.dropdown,.nav-group:focus-within:not(.open)>.dropdown{display:none!important}.dropdown a{padding:.58rem .65rem}.footer-grid{grid-template-columns:1fr!important}.footer-menu-two-col{display:grid!important;grid-template-columns:1fr!important}.footer-grid section{border-bottom:1px solid var(--b);padding-bottom:1rem}.footer-grid section:last-child{border-bottom:0}}
/* Match the homepage navigation column layout. */
@media(min-width:761px){
  #nav-bulk-calculators.dropdown-wide{
    grid-template-columns:repeat(2,minmax(220px,1fr))!important;
  }

  #nav-tutorials.dropdown-compact,
  #nav-imp-links.dropdown-compact{
    width:min(280px,calc(100vw - 2rem))!important;
    min-width:240px!important;
    grid-template-columns:1fr!important;
  }

  .footer-menu-two-col{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.08rem 1.1rem!important;
  }
}

/* Final menu layout fix: keep links as rows inside columns, never one inline run. */
.dropdown,
.footer-menu{
  align-items:start!important;
}

.dropdown a,
.footer-menu a{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  text-decoration:none!important;
}

.footer-menu{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:.08rem .9rem!important;
}

@media(min-width:761px){
  #nav-bulk-calculators.dropdown-wide{
    width:min(640px,calc(100vw - 2rem))!important;
    min-width:min(560px,calc(100vw - 2rem))!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #nav-tutorials.dropdown-compact,
  #nav-imp-links.dropdown-compact{
    width:min(300px,calc(100vw - 2rem))!important;
    min-width:240px!important;
    grid-template-columns:1fr!important;
  }

  .footer-menu-two-col{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .dropdown,
  .footer-menu,
  .footer-menu-two-col{
    grid-template-columns:1fr!important;
  }
}

/* Footer quick links: give the large category list enough room to avoid awkward wraps. */
@media(min-width:761px){
  .site-footer .bc-container{
    width:min(1320px,calc(100% - 2rem));
  }

  .site-footer .footer-grid{
    gap:1rem!important;
  }

  .footer-quick-links{
    min-width:0;
  }

  .footer-menu-two-col{
    column-gap:.8rem!important;
    row-gap:0!important;
  }

  .footer-menu a{
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    line-height:1.25!important;
    padding:.14rem 0!important;
  }
}

@media(min-width:1120px){
  .site-footer .footer-grid{
    grid-template-columns:minmax(190px,.78fr) minmax(660px,2.7fr) minmax(125px,.52fr) minmax(155px,.62fr)!important;
  }

  .footer-menu-two-col{
    grid-template-columns:repeat(2,minmax(315px,1fr))!important;
  }
}

@media(min-width:761px) and (max-width:1119px){
  .site-footer .footer-grid{
    grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)!important;
  }

  .footer-quick-links{
    grid-column:1 / -1;
    order:4;
  }

  .footer-menu-two-col{
    grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  }
}

/* Citation and hashtag generator pages */
.citation-layout,
.hashtag-layout{display:grid;gap:1rem;align-items:start;margin:1rem 0 2rem}
.citation-layout{grid-template-columns:minmax(0,1fr)}
.citation-type-grid{max-height:260px;overflow:auto;align-items:stretch}
.citation-type-chip{justify-content:flex-start}
.citation-lookup-grid{display:grid;grid-template-columns:1fr;gap:.75rem}
.citation-author-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.65rem;align-items:end;margin:.55rem 0}
.citation-fieldset{border:1px solid var(--b);border-radius:.85rem;padding:.75rem;margin:.75rem 0}
.citation-fieldset legend{font-weight:850;padding:0 .35rem}
.citation-check{justify-content:flex-start;gap:.45rem}
.citation-check input,
.citation-switch input,
.hashtag-switch input{width:16px;min-width:16px;height:16px;min-height:16px;margin:0 .4rem 0 0;padding:0;flex:0 0 16px;accent-color:var(--p)}
.citation-switch,
.hashtag-switch{display:inline-flex;align-items:center;gap:.35rem;font-weight:850;margin:0}
.citation-preview-box{display:grid;gap:.55rem;margin:.8rem 0}
.citation-bibliography{max-height:420px;overflow:auto}
.citation-hanging{padding-left:1.5rem;text-indent:-1.5rem;margin:.65rem 0}
.citation-list{display:grid;gap:.65rem;margin:.75rem 0}
.citation-list-item{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:.75rem;display:grid;gap:.4rem}
.hashtag-layout{grid-template-columns:minmax(0,1fr)}
.hashtag-output{font-size:1rem;line-height:1.8;min-height:9rem}
.hashtag-chip-grid{display:flex;flex-wrap:wrap;gap:.45rem;margin:.75rem 0}
.hashtag-tag{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--b);border-radius:999px;padding:.35rem .6rem;font-weight:850;background:var(--s)}
.hashtag-tag[data-tier="niche"]{border-color:rgba(22,163,74,.45);background:rgba(22,163,74,.1)}
.hashtag-tag[data-tier="mid"]{border-color:rgba(6,182,212,.45);background:rgba(6,182,212,.1)}
.hashtag-tag[data-tier="broad"]{border-color:rgba(220,38,38,.35);background:rgba(220,38,38,.08)}
.hashtag-filter-badge{cursor:pointer}
.hashtag-preset-list{display:grid;gap:.45rem}
@media(min-width:920px){
  .citation-layout{grid-template-columns:minmax(280px,.85fr) minmax(340px,1fr) minmax(300px,.85fr)}
  .hashtag-layout{grid-template-columns:minmax(0,.95fr) minmax(340px,.75fr)}
}
@media(max-width:760px){
  .citation-author-row{grid-template-columns:1fr}
  .citation-lookup-grid{grid-template-columns:1fr}
  .citation-layout,.hashtag-layout{gap:.85rem}
}

/* AI cheat sheet page */
body.cheat-sheet-page{overflow-x:hidden}
.cheat-hero .lead{max-width:78ch}
.cheat-actions{margin:0 0 1rem}
.cheat-metrics{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}
.cheat-metrics span{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--b);border-radius:999px;background:var(--s);color:var(--m);padding:.4rem .65rem;font-size:.88rem}
.cheat-metrics strong{color:var(--p);font-weight:900}
.cheat-start{margin:0 0 1.25rem}
.cheat-layout{align-items:start;max-width:100%;overflow-x:clip}
.cheat-content{display:grid;gap:1rem;min-width:0;max-width:100%;overflow-x:clip}
.cheat-section{position:relative;scroll-margin-top:5.25rem;min-width:0;max-width:100%;overflow-x:clip}
.cheat-section pre{clear:both;margin:1rem 0 0;max-width:100%;overflow-x:hidden;white-space:pre-wrap;word-break:break-word}
.cheat-section code{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.cheat-section h2,.cheat-section p,.cheat-list li{overflow-wrap:anywhere}
.toc{max-width:100%;overflow-x:hidden}
.toc a{border-radius:.55rem;line-height:1.35;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.toc a:hover,.toc a.active{background:rgba(79,70,229,.1);color:var(--p);padding-left:.45rem}
.cheat-section .copy-code{float:none;margin:.2rem 0 .65rem auto}
.cheat-list{margin:.75rem 0 0;padding-left:1.2rem;color:var(--m);line-height:1.65}
.cheat-list li{margin:.25rem 0}
.cheat-list strong{color:var(--t)}
.checklist li::marker{content:"- "}
.prompt-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--b);border-radius:.9rem;background:var(--s);margin:1rem 0}
.prompt-table{width:100%;min-width:0;border-collapse:collapse;font-size:.92rem;table-layout:fixed}
.prompt-table th,.prompt-table td{padding:.7rem .8rem;border-bottom:1px solid var(--b);text-align:left;vertical-align:top}
.prompt-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--m);background:color-mix(in srgb,var(--s) 90%,var(--p) 10%)}
.prompt-table tr:last-child td{border-bottom:0}
.source-list{margin:.75rem 0 0;padding-left:1.2rem;line-height:1.75}
.source-list a{color:var(--p);text-decoration:none;font-weight:750}
.source-list a:hover{text-decoration:underline}
.sources-section{border-color:color-mix(in srgb,var(--p) 35%,var(--b))}
@media(min-width:1040px){
  .cheat-layout{grid-template-columns:minmax(230px,260px) minmax(0,1fr)}
  .toc{max-height:calc(100vh - 6rem);overflow:auto}
}
@media(max-width:760px){
  .cheat-metrics{gap:.45rem}
  .cheat-metrics span{width:100%;justify-content:space-between}
  .cheat-section .copy-code{float:none;width:100%}
  .prompt-table{min-width:0}
  .prompt-table th,.prompt-table td{overflow-wrap:anywhere}
}
@media print{
  .cheat-metrics span{border-color:#ddd}
  .prompt-table-wrap{overflow:visible}
  .prompt-table{min-width:0;font-size:.82rem}
  .source-list a{color:#111827}
}

/* AI image size calculator */
.image-size-page{overflow-x:hidden}
.image-size-hero code{font-size:.95em}
.image-size-tool .panel{min-width:0}
.image-size-output{margin:1rem 0}
.image-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.25rem 0 1rem}
.image-result-card{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:.8rem;min-width:0}
.image-result-card span{display:block;color:var(--m);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:850}
.image-result-card strong{display:block;margin:.2rem 0;color:var(--t);font-size:1.15rem;line-height:1.2;overflow-wrap:anywhere}
.image-result-card small{display:block;color:var(--m);line-height:1.35}
.image-size-page .ratio-preview{min-height:300px}
.image-size-page .ratio-box{transition:width .18s ease,height .18s ease}
.image-size-page select option,.image-size-page select optgroup{background:var(--s);color:var(--t)}
.image-guide-panel{margin-top:1.25rem}
.image-info-grid,.platform-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.image-info-card,.platform-example-card{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:1rem;min-width:0}
.image-info-card h3,.platform-example-card h3{margin-top:.45rem}
.image-workflow{display:grid;gap:.65rem;margin:0 0 1rem;padding-left:1.35rem;color:var(--m);line-height:1.65}
.image-workflow strong{color:var(--t)}
.platform-example-card p{margin-bottom:0}
.example-block{margin:.85rem 0 0;white-space:pre-wrap;word-break:break-word;background:color-mix(in srgb,var(--bg) 88%,var(--p) 12%);border:1px solid var(--b);border-radius:.85rem;padding:.85rem;font-size:.86rem;line-height:1.5;color:var(--t)}
.example-block code{white-space:pre-wrap;word-break:break-word}
.source-chip-row{margin-top:.85rem}
.source-chip-row .badge{text-decoration:none}
.image-token-table{margin-top:.8rem}
.image-token-table table{min-width:620px}
@media(max-width:760px){
  .image-info-grid,.platform-example-grid{grid-template-columns:1fr}
  .image-result-grid{grid-template-columns:1fr}
  .image-size-page .ratio-preview{min-height:220px}
}

/* Context window comparator */
.context-page{overflow-x:hidden}
.context-page .panel{min-width:0}
.context-fit-shell{grid-template-columns:1fr!important}
.context-fit-panel .controls-grid{grid-template-columns:1fr!important;max-width:620px}
.context-fit-panel .callout{max-width:760px}
.context-table-panel{width:100%}
.context-control-grid{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(180px,.7fr) auto;gap:.8rem;align-items:end;margin:.5rem 0 1rem}
.context-filter-actions{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}
.context-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}
.context-stat-card{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:.8rem;min-width:0}
.context-stat-card span{display:block;color:var(--m);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:850}
.context-stat-card strong{display:block;margin:.2rem 0;color:var(--t);font-size:1.05rem;line-height:1.25;overflow-wrap:anywhere}
.context-stat-card small{display:block;color:var(--m);line-height:1.35}
.context-benchmarks{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}
.context-benchmarks span{border:1px solid var(--b);border-radius:999px;background:var(--s);color:var(--m);padding:.3rem .55rem;font-size:.82rem}
.context-benchmarks strong{color:var(--t)}
.context-bars{display:grid;gap:.65rem}
.context-bar-row{display:grid;grid-template-columns:minmax(170px,.9fr) minmax(180px,1.4fr) 72px;gap:.75rem;align-items:center}
.context-bar-label{min-width:0}
.context-bar-label strong{display:block;color:var(--t);line-height:1.25;overflow-wrap:anywhere}
.context-bar-label span{display:block;color:var(--m);font-size:.84rem;line-height:1.35}
.context-bar-track{height:18px;border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,var(--p) 18%);overflow:hidden}
.context-bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--p),#06b6d4)}
.context-bar-value{font-weight:850;color:var(--t);text-align:right}
.context-preset-row{margin:.85rem 0}
.context-fit-row{background:rgba(22,163,74,.08)}
.context-page .table-wrap table{min-width:760px}
@media(max-width:900px){
  .context-control-grid{grid-template-columns:1fr}
  .context-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .context-bar-row{grid-template-columns:1fr;gap:.35rem;border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:.75rem}
  .context-bar-value{text-align:left}
}
@media(max-width:760px){
  .context-stats-grid{grid-template-columns:1fr}
  .context-page .table-wrap{max-width:100%;overflow-x:auto}
  .context-page .table-wrap table{min-width:680px}
}

/* LLM API cost calculator */
.llm-cost-page{overflow-x:hidden}
.llm-cost-page .panel{min-width:0}
.llm-cost-shell{align-items:start}
.llm-input-panel .controls-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.llm-toggle-stack{display:grid;gap:.55rem;align-content:end}
.llm-toggle-stack .btn{justify-content:flex-start;text-align:left}
.llm-token-hints{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.llm-token-hints span{border:1px solid var(--b);border-radius:999px;background:var(--s);color:var(--m);padding:.34rem .6rem;font-size:.86rem}
.llm-token-hints strong{color:var(--t)}
.llm-preset-row .btn{display:inline-grid;gap:.1rem;align-items:center;text-align:left;min-width:150px}
.llm-preset-row .btn span{display:block;color:var(--m);font-size:.78rem;font-weight:700}
.llm-model-controls{display:grid;grid-template-columns:minmax(160px,.55fr) minmax(220px,1fr) auto;gap:.75rem;align-items:end;margin:.75rem 0}
.llm-model-actions{display:flex;flex-wrap:wrap;gap:.55rem}
.llm-model-grid{max-height:330px;overflow:auto;align-content:start;border:1px solid var(--b);border-radius:.9rem;background:color-mix(in srgb,var(--bg) 72%,var(--s) 28%);padding:.65rem}
.llm-model-chip{display:inline-grid;gap:.08rem;text-align:left;align-items:center;justify-content:start;min-height:48px}
.llm-model-chip strong{font-size:.9rem;line-height:1.2}
.llm-model-chip span{font-size:.76rem;color:var(--m);font-weight:700}
.llm-summary-panel{position:sticky;top:5rem}
.llm-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}
.llm-stat-card{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:.75rem;min-width:0}
.llm-stat-card span{display:block;color:var(--m);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;font-weight:850}
.llm-stat-card strong{display:block;margin:.2rem 0;color:var(--t);font-size:1.08rem;line-height:1.22;overflow-wrap:anywhere}
.llm-stat-card small{display:block;color:var(--m);line-height:1.35}
.llm-results-panel{margin-top:1.25rem}
.llm-cost-bars{display:grid;gap:.65rem;margin:0 0 1rem}
.llm-cost-bar-row{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(180px,1.3fr) 96px;gap:.75rem;align-items:center}
.llm-cost-bar-label{min-width:0}
.llm-cost-bar-label strong{display:block;color:var(--t);line-height:1.25;overflow-wrap:anywhere}
.llm-cost-bar-label span{display:block;color:var(--m);font-size:.84rem;line-height:1.35}
.llm-cost-bar-track{height:18px;border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,var(--p) 18%);overflow:hidden}
.llm-cost-bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--p),#06b6d4)}
.llm-cost-bar-track span.best{background:linear-gradient(90deg,var(--g),#06b6d4)}
.llm-cost-bar-value{font-weight:850;color:var(--t);text-align:right}
.llm-cheapest-row{background:rgba(22,163,74,.08)}
.llm-cost-page .table-wrap table{min-width:1120px}
@media(max-width:1040px){
  .llm-summary-panel{position:static}
  .llm-model-controls{grid-template-columns:1fr}
  .llm-cost-bar-row{grid-template-columns:1fr;gap:.35rem;border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:.75rem}
  .llm-cost-bar-value{text-align:left}
}
@media(max-width:760px){
  .llm-input-panel .controls-grid.three{grid-template-columns:1fr}
  .llm-stat-grid{grid-template-columns:1fr}
  .llm-model-grid{max-height:none}
  .llm-preset-row .btn{width:100%}
  .llm-cost-page .table-wrap{max-width:100%;overflow-x:auto}
  .llm-cost-page .table-wrap table{min-width:980px}
}

/* Midjourney prompt builder */
.midjourney-page{overflow-x:hidden}
.midjourney-page .panel{min-width:0}
.mj-output-panel{margin-bottom:1.25rem}
.mj-output-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;flex-wrap:wrap}
.mj-output-head p{margin:.15rem 0 .7rem}
.mj-output-panel textarea{min-height:8rem}
.mj-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.mj-stats span{border:1px solid var(--b);border-radius:999px;background:var(--s);color:var(--m);padding:.32rem .6rem;font-size:.84rem}
.mj-stats strong{color:var(--t)}
.mj-builder-shell{align-items:start}
.mj-preset-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto minmax(180px,.8fr);gap:.65rem;align-items:end;margin:0 0 1rem}
.mj-chip-groups{display:grid;gap:.8rem}
.mj-chip-section{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:.75rem}
.mj-chip-section h3{margin:0 0 .55rem}
.mj-param-panel{position:sticky;top:5rem}
.mj-toggle-row{margin:.8rem 0}
.mj-ratio-preview{margin-top:1rem;min-height:220px}
.mj-reference-shell{align-items:start}
.midjourney-page .code-block{min-height:9rem}
.midjourney-page .source-chip-row .badge{text-decoration:none}
@media(max-width:1040px){
  .mj-param-panel{position:static}
  .mj-preset-row{grid-template-columns:1fr 1fr}
  .mj-preset-row label,.mj-preset-row select{grid-column:1/-1}
}
@media(max-width:760px){
  .mj-output-head{display:block}
  .mj-output-head .btn-row .btn{flex:1 1 100%}
  .mj-preset-row{grid-template-columns:1fr}
  .mj-preset-row .btn,.mj-preset-row select{width:100%}
  .mj-ratio-preview{min-height:190px}
}

/* Model comparison, prompt builder, prompt library, token counter */
.model-page,
.prompt-builder-page,
.prompt-library-page,
.token-counter-page{overflow-x:hidden}
.model-page .panel,
.prompt-builder-page .panel,
.prompt-library-page .panel,
.token-counter-page .panel{min-width:0}
.model-page select option,
.prompt-builder-page select option,
.prompt-library-page select option,
.token-counter-page select option{background:var(--s);color:var(--t)}
.model-page .table-wrap,
.prompt-library-page .table-wrap,
.token-counter-page .table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden}
.model-page .table-wrap table{min-width:1120px}
.model-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0 0}
.model-highlight-row{background:rgba(22,163,74,.08)}
.compare-card{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:1rem;min-width:0}
.compare-card h3{margin-top:0}
.compare-card p{margin:.75rem 0 0;color:var(--m)}
.prompt-builder-page .tool-shell{align-items:start}
.prompt-builder-page .sticky-top{top:5rem}
.prompt-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.2rem 0 1rem}
.prompt-guide-grid article{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:.75rem;min-width:0}
.prompt-guide-grid strong{display:block;color:var(--t);line-height:1.25}
.prompt-guide-grid span{display:block;color:var(--m);font-size:.86rem;line-height:1.45;margin-top:.25rem}
.prompt-field-help,.prompt-option-help{margin:.3rem 0 .7rem;color:var(--m);font-size:.86rem;line-height:1.45}
.prompt-builder-page .chip{gap:.42rem;justify-content:flex-start;text-align:left;line-height:1.25;min-height:34px;padding:.42rem .68rem;font-size:.88rem}
.prompt-builder-page .chip input[type="radio"],
.prompt-builder-page .chip input[type="checkbox"]{width:16px;min-width:16px;height:16px;min-height:16px;margin:0;flex:0 0 16px;padding:0;border-radius:50%;accent-color:var(--p)}
.prompt-builder-page .chip input[type="checkbox"]{border-radius:.25rem}
.prompt-builder-page #templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.prompt-template-btn{display:grid;gap:.18rem;text-align:left;align-items:start;justify-content:start;white-space:normal}
.prompt-template-btn strong{line-height:1.2}
.prompt-template-btn span{color:var(--m);font-size:.78rem;font-weight:700;line-height:1.35}
.prompt-example-panel{box-shadow:none;margin:.75rem 0;padding:.85rem;background:var(--s)}
.prompt-example-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.6rem}
.prompt-builder-page .preview-box{min-height:30rem;max-height:70vh;overflow:auto;white-space:pre-wrap;word-break:break-word}
.prompt-builder-page #tokenStrip{margin-bottom:.75rem}
.prompt-library-page .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.prompt-library-overview{margin:0 0 1rem}
.prompt-browse-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;margin:.95rem 0 .35rem}
.prompt-browse-head h3{margin:0}
.prompt-active-filters{min-height:38px;margin-bottom:.85rem}
.prompt-filter-chip{gap:.45rem}
.prompt-filter-chip small{display:inline-grid;place-items:center;min-width:1.45rem;height:1.45rem;border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,var(--p) 18%);color:var(--m);font-size:.72rem;font-weight:900}
.prompt-filter-chip[aria-pressed=true] small{background:var(--p);color:#fff}
.prompt-filter-chip:disabled{opacity:.48;cursor:not-allowed}
.prompt-library-card{display:grid;gap:.55rem;align-content:start}
.prompt-card-meta{display:flex;flex-wrap:wrap;gap:.4rem}
.prompt-card-foot{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-top:.35rem}
.prompt-card-foot small{color:var(--m);font-weight:750}
.prompt-variable-field{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:.85rem;min-width:0}
.prompt-variable-field label{margin:0 0 .25rem}
.prompt-variable-field .prompt-field-help{margin:0 0 .65rem}
.prompt-variable-field textarea{min-height:7rem}
.prompt-library-page #modalPrompt{max-height:45vh;overflow:auto;white-space:pre-wrap;word-break:break-word}
.prompt-library-page .modal-card{width:min(880px,100%)}
.token-counter-page .tool-shell{align-items:start}
.token-counter-page .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.token-counter-page .btn input[type="radio"],
.token-counter-page .btn input[type="checkbox"]{width:16px;min-width:16px;height:16px;min-height:16px;margin:0 .4rem 0 0;padding:0;flex:0 0 16px;accent-color:var(--p)}
.token-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0 0 1rem}
.token-insight-grid .value{font-size:1rem;line-height:1.25;overflow-wrap:anywhere}
.token-meter{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:.75rem;margin:0 0 1rem}
.token-meter-head{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:var(--m);font-size:.88rem}
.token-meter-head strong{color:var(--t)}
.token-meter-track{height:14px;border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,var(--p) 18%);overflow:hidden;margin-top:.65rem}
.token-meter-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--g),#06b6d4,var(--p));transition:width .18s ease}
.token-samples{margin:0 0 1rem}
.token-sample-chip{display:inline-grid;gap:.08rem;justify-items:start;text-align:left}
.token-sample-chip small{color:var(--m);font-size:.72rem;font-weight:750}
.token-planner{margin-top:1rem}
.token-planner h3{margin-top:0}
.token-plan-table table{min-width:620px}
.token-model-details{display:grid;gap:.75rem;margin-top:1rem}
.token-model-card{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:.85rem}
.token-model-card strong{display:block;margin:.2rem 0;color:var(--t)}
.token-model-card p{margin:0}
.token-detail-list{display:grid;gap:.45rem}
.token-detail-list span,.token-fit-grid span{border:1px solid var(--b);border-radius:.75rem;background:var(--s);padding:.65rem;color:var(--m);line-height:1.35}
.token-detail-list strong,.token-fit-grid strong{color:var(--t)}
.token-fit-grid{display:grid;grid-template-columns:1fr;gap:.5rem}
.token-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}
.token-guide-grid article{border:1px solid var(--b);border-radius:.85rem;background:var(--s);padding:1rem}
.token-guide-grid h3{margin-top:0}
.token-reference-table table{min-width:720px}
.token-counter-page #tokenViz{display:flex;flex-wrap:wrap;gap:.35rem;max-height:540px;overflow:auto}
.token-counter-page .token-chip{display:inline-flex;border:1px solid var(--b);border-radius:.45rem;background:var(--s);padding:.24rem .36rem;line-height:1.25;max-width:100%;white-space:pre-wrap;word-break:break-word}
.token-counter-page #jsonOut{max-height:60vh;overflow:auto;white-space:pre-wrap;word-break:break-word}
@media(max-width:1040px){
  .model-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prompt-library-page .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .token-counter-page .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .token-insight-grid,.token-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .model-stats-grid,
  .prompt-guide-grid,
  .prompt-builder-page #templates,
  .prompt-library-page .card-grid,
  .token-counter-page .stat-grid{grid-template-columns:1fr}
  .prompt-builder-page .sticky-top{position:static}
  .prompt-builder-page .preview-box{min-height:18rem;max-height:none}
  .prompt-card-foot{display:grid}
  .prompt-card-foot .btn{width:100%}
  .token-insight-grid,.token-guide-grid{grid-template-columns:1fr}
  .token-counter-page .sticky-top{position:static}
  .token-counter-page #tokenViz{max-height:none}
}