@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-700.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/inter-800.woff2) format('woff2')}
/* ti-84calculator.com — design system (gramstocup model)
   Inter, lime #c2f711, dark #1a1a1a, light bg #f8f9fa, white cards, 1200px container */
:root{
  --lime:#c2f711; --lime-dark:#9dc90a; --dark:#1a1a1a; --bg:#f8f9fa;
  --card:#ffffff; --ink:#333333; --muted:#666666; --border:#e0e0e0;
  --cream:#efe3c8; --green-bg:#e9f7e4; --green-deep:#1e7a34; --green-ink:#144d22;
  --shadow:0 4px 6px rgba(0,0,0,.07); --shadow-lg:0 12px 32px rgba(0,0,0,.13);
  --radius:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;font-size:17px}
img{max-width:100%;height:auto}
a{color:#33691e;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
h1,h2,h3,h4{color:var(--dark);line-height:1.25;font-weight:800}
h1{font-size:2.5rem}
h2{font-size:1.75rem;margin:1.6em 0 .6em}
h3{font-size:1.3rem;margin:1.3em 0 .5em}
p{margin:.7em 0}
ul,ol{margin:.7em 0 .7em 1.4em}
li{margin:.3em 0}
table{width:100%;border-collapse:separate;border-spacing:0;margin:1.2em 0;background:var(--card);border:1.5px solid rgba(26,26,26,.14);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
th,td{padding:11px 15px;border-bottom:1px solid #e8ecd9;text-align:left;font-size:.95rem}
th{background:var(--dark);color:var(--lime);font-weight:800;letter-spacing:.01em;border-bottom:3px solid var(--lime)}
td:first-child{font-weight:600}
tbody tr:nth-child(even) td{background:#f7faea}
tbody tr:hover td{background:#eff6d2}
tr:last-child td{border-bottom:none}
@media(max-width:640px){th,td{padding:9px 10px;font-size:.88rem}}
blockquote{border-left:4px solid var(--lime);background:#fff;padding:14px 18px;margin:1em 0;font-style:italic;border-radius:0 10px 10px 0;box-shadow:var(--shadow)}
code{background:#eef1e4;padding:1px 6px;border-radius:5px;font-size:.9em}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.header-in{display:flex;align-items:center;gap:28px;height:68px}
.logo{font-size:1.35rem;font-weight:800;color:var(--dark);letter-spacing:-.02em;white-space:nowrap}
.logo:hover{text-decoration:none}
.logo .logo-mark{display:inline-block;background:var(--lime);color:var(--dark);border-radius:8px;padding:1px 9px;margin-right:8px;font-weight:800}
.logo img{height:42px;width:auto;display:block}
.site-footer .logo{display:inline-block;margin-bottom:14px}
.site-footer .logo img{height:46px}
.footer-tools{columns:2;column-gap:26px}
.main-nav{display:flex;gap:22px;margin-left:auto}
.main-nav a{color:var(--ink);font-weight:600;font-size:.98rem}
.btn-lime{display:inline-block;background:var(--lime);color:var(--dark)!important;font-weight:700;padding:10px 22px;border-radius:30px;box-shadow:var(--shadow)}
.btn-lime:hover{background:var(--lime-dark);text-decoration:none}
.header-cta{margin-left:6px}

/* hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fdfdf8,#f1f6da)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;pointer-events:none}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(248,249,250,.25),rgba(248,249,250,.88))}
.hero-in{position:relative;padding:52px 0 34px;text-align:center}
.hero h1{max-width:900px;margin:0 auto}
.hero .promise{font-size:1.2rem;color:var(--muted);max-width:760px;margin:14px auto 0}
.hero-home{padding:64px 0 44px}
.hero-home .promise{margin-bottom:22px}

/* byline */
.byline{display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:center;align-items:center;margin-top:20px;font-size:.93rem;color:var(--muted)}
.byline .who{display:inline-flex;align-items:center;gap:9px}
.byline img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--lime)}
.byline a{font-weight:700;color:var(--dark)}
.byline-left{justify-content:flex-start}

/* tool card */
.tool-wrap{position:relative;padding:6px 0 10px}
.tool-card{background:var(--card);border-radius:var(--radius);border-top:6px solid var(--lime);box-shadow:var(--shadow-lg);padding:28px;max-width:920px;margin:0 auto}
.tool-card h2{margin-top:0;font-size:1.4rem}
#tool-root label{display:block;font-weight:600;margin:12px 0 5px;color:var(--dark)}
#tool-root input[type="number"],#tool-root input[type="text"],#tool-root input[type="date"],
#tool-root select,#tool-root textarea{width:100%;padding:12px 14px;border:2px solid var(--border);border-radius:10px;font:inherit;font-size:1.05rem;background:#fff}
#tool-root input:focus,#tool-root select:focus{outline:none;border-color:var(--lime-dark)}
#tool-root button,.t-btn{background:var(--dark);color:#fff;border:none;border-radius:10px;padding:13px 26px;font:inherit;font-weight:700;cursor:pointer;margin:16px 12px 4px 0}
#tool-root button:hover,.t-btn:hover{background:#000}
#tool-root .btn-accent{background:var(--lime);color:var(--dark)}
#tool-root .btn-accent:hover{background:var(--lime-dark)}
.t-result{background:var(--green-bg);border:2px solid var(--green-deep);border-radius:12px;padding:18px 20px;margin-top:18px;font-size:1.15rem}
.t-result .big{font-size:1.9rem;font-weight:800;color:var(--green-ink);display:block}
.preset-row,.tool-presets{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:16px 0 6px}
.tool-presets>span{font-weight:600;color:var(--muted);font-size:.92rem;margin-right:2px}
.preset-row button,.tool-presets button,.chip,#tool-root .preset-chip{background:linear-gradient(135deg,rgba(194,247,17,.32),rgba(255,255,255,.55))!important;color:var(--dark)!important;border:1px solid rgba(26,26,26,.16)!important;padding:11px 20px!important;font-size:.92rem;font-weight:600;border-radius:14px!important;margin:0 12px 12px 0!important;cursor:pointer;backdrop-filter:blur(10px) saturate(1.5);-webkit-backdrop-filter:blur(10px) saturate(1.5);box-shadow:0 4px 14px rgba(26,26,26,.10),inset 0 1px 0 rgba(255,255,255,.85);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.preset-row button:hover,.tool-presets button:hover,.chip:hover,#tool-root .preset-chip:hover{transform:translateY(-1px);border-color:rgba(26,26,26,.38)!important;box-shadow:0 8px 22px rgba(26,26,26,.15),inset 0 1px 0 rgba(255,255,255,.9)}
.t-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.t-row{grid-template-columns:1fr}}

/* body content */
.content{max-width:920px;margin:0 auto;padding:10px 0 30px}
.hero-tool{padding:42px 0 4px}
.art-feat{max-width:920px;margin:28px auto 0}
.art-feat img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:var(--shadow-lg)}
.article-head{max-width:920px;margin:0 auto;padding-top:6px}
.article-head h1{margin-bottom:6px}
/* stylish lists inside articles and pillars */
.content ul{list-style:none;margin:.9em 0;padding-left:0}
.content ul li{position:relative;padding-left:30px;margin:.5em 0}
.content ul li::before{content:"";position:absolute;left:2px;top:.48em;width:12px;height:12px;border-radius:4px;background:var(--lime);box-shadow:inset 0 0 0 2px #fff,0 0 0 1.5px rgba(26,26,26,.25)}
.content ol{margin:.9em 0;padding-left:1.5em}
.content ol li{margin:.5em 0;padding-left:6px}
.content ol li::marker{color:var(--lime-dark);font-weight:800}
.content .facts ul,.content .toc ul{list-style:none}
.content .facts ul li,.content .toc ul li{padding-left:0}
.content .facts ul li::before,.content .toc ul li::before{display:none;content:none}
/* highlighted internal links */
.content a:not(.tool-item):not(.art-item){color:var(--dark);font-weight:600;text-decoration:none;background:linear-gradient(180deg,transparent 62%,rgba(194,247,17,.55) 62%);border-radius:2px;padding:0 1px}
.content a:not(.tool-item):not(.art-item):hover{background:linear-gradient(180deg,transparent 40%,rgba(194,247,17,.85) 40%)}
.content .facts .src a{font-weight:600;background:none;color:var(--lime-dark);text-decoration:underline}
/* table of contents: visible, catchy, easy to scan */
.content .toc{background:linear-gradient(135deg,#ffffff,#f3f8df);border:1.5px solid rgba(26,26,26,.12);border-left:7px solid var(--lime);border-radius:16px;padding:20px 24px 14px;margin:26px 0;box-shadow:var(--shadow)}
.content .toc p{margin:0 0 6px}
.content .toc p strong{font-size:1.02rem;color:var(--dark);letter-spacing:.02em;text-transform:uppercase}
.content .toc ul{margin:6px 0 4px;counter-reset:toc;padding:0}
.content .toc li{counter-increment:toc;margin:2px 0;padding:0}
.content .toc li a{display:flex;align-items:baseline;gap:12px;background:none;font-weight:600;color:var(--dark);padding:7px 10px;border-radius:10px;transition:background .15s ease,transform .15s ease}
.content .toc li a::before{content:counter(toc,decimal-leading-zero);background:var(--lime);color:var(--dark);font-size:.76rem;font-weight:800;border-radius:7px;padding:2px 7px;flex:none;transform:translateY(-1px);box-shadow:0 2px 6px rgba(26,26,26,.15)}
.content .toc li a:hover{background:rgba(194,247,17,.30);transform:translateX(3px)}
@media(min-width:820px){.content .toc ul{columns:2;column-gap:36px}.content .toc li{break-inside:avoid}}
.content-wide{max-width:1200px}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px;margin:22px 0}

/* facts */
.facts{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px;margin:26px 0;border-left:6px solid var(--lime)}
.facts h2{margin-top:0}
.facts li{margin:.55em 0}
.facts .src{font-size:.88rem;color:var(--muted)}

/* green experience block */
.exp-block{background:var(--green-bg);border-left:6px solid var(--green-deep);border-radius:0 12px 12px 0;padding:20px 24px;margin:24px 0;color:var(--green-ink)}
.exp-block .exp-label{display:block;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green-deep);margin-bottom:8px}
.exp-block p{font-size:1.06rem;font-style:italic;margin:.3em 0}
.exp-block .exp-who{font-style:normal;font-weight:700;font-size:.92rem}

/* FAQ */
.faq{margin:26px 0}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:10px;margin:10px 0;box-shadow:var(--shadow)}
.faq-item summary{cursor:pointer;font-weight:700;color:var(--dark);padding:15px 20px;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";float:right;font-size:1.3rem;color:var(--green-deep)}
.faq-item[open ] summary::after{content:"–"}
.faq-item .faq-a{padding:0 20px 16px}

/* charts */
.chart-box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin:22px 0}
.chart-box figcaption{font-weight:700;color:var(--dark);margin-bottom:10px}
.chart-box svg{width:100%;height:auto;display:block}
.chart-note{font-size:.86rem;color:var(--muted);margin-top:8px}

/* cards grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:26px 0}
.tool-item,.art-item{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}
.tool-item:hover,.art-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.tool-item:hover,.art-item:hover{text-decoration:none}
.tool-thumb{height:150px;background:linear-gradient(135deg,#e8f5c8,#f6f1de);display:block;overflow:hidden}
.tool-thumb img{width:100%;height:100%;object-fit:cover}
.tool-body,.art-body{padding:16px 18px 20px}
.tool-body h3,.art-body h3{margin:0 0 6px;font-size:1.08rem}
.tool-body p,.art-body p{color:var(--muted);font-size:.93rem;margin:0}
.badge{display:inline-block;background:var(--cream);color:#7a5c00;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:3px 10px;margin-bottom:8px}
.badge-draft{background:#eee;color:#777}
.art-feat{display:block;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin:6px 0 20px}
.art-feat img{display:block;width:100%;height:auto}
.slot-empty{border:2px dashed var(--border);border-radius:var(--radius);padding:22px;color:var(--muted);background:#fff;text-align:center;font-weight:600}

/* trust strip */
.trust-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:34px 0}
.trust-item{position:relative;background:linear-gradient(150deg,#ffffff 55%,#f4f9dc);border:1px solid rgba(26,26,26,.09);border-radius:18px;box-shadow:var(--shadow);padding:26px 24px 24px;text-align:center;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.trust-item::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--lime),#8fce00)}
.trust-item::after{content:"";position:absolute;right:-34px;bottom:-34px;width:110px;height:110px;border-radius:50%;background:rgba(194,247,17,.20)}
.trust-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(95,122,12,.45)}
.trust-icon{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#eaffb0,var(--lime) 68%);font-size:1.75rem;box-shadow:0 6px 16px rgba(26,26,26,.16),inset 0 1px 0 rgba(255,255,255,.9);margin-bottom:14px;position:relative;z-index:1}
.trust-item h3{margin:0 0 8px;font-size:1.12rem;letter-spacing:-.01em;position:relative;z-index:1}
.trust-item p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.65;position:relative;z-index:1}

/* author linkedin card */
.author-linkedin-card{display:flex;gap:22px;background:var(--dark);color:#f2f2f2;border-radius:var(--radius);padding:26px;margin:26px 0;box-shadow:var(--shadow-lg);flex-wrap:wrap}
.author-linkedin-card .author-photo{width:120px;height:120px;border-radius:50%;border:3px solid var(--lime);object-fit:cover}
.author-linkedin-card .author-name{font-size:1.35rem;font-weight:800;color:#fff;margin:0}
.author-linkedin-card .author-role{color:var(--lime);font-weight:600;margin:2px 0 8px;font-size:.95rem}
.author-linkedin-card .author-bio{color:#d9d9d9;margin:0 0 14px;max-width:640px}
.linkedin-btn{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#0a66c2!important;font-weight:700;padding:9px 18px;border-radius:8px}
.linkedin-btn:hover{text-decoration:none;background:var(--lime);color:var(--dark)!important}
.author-head{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:26px 0}
.author-head img{width:150px;height:150px;border-radius:50%;border:4px solid var(--lime);object-fit:cover}

/* footer */
.site-footer{background:var(--dark);color:#cfcfcf;margin-top:50px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1.2fr 1fr;gap:34px;padding:44px 0 30px}
.site-footer h4{color:var(--lime);margin-bottom:12px;font-size:1.02rem}
.site-footer a{color:#e8e8e8}
.site-footer ul{list-style:none;margin:0}
.site-footer li{margin:.4em 0}
.footer-bottom{border-top:1px solid #333;padding:16px 0 22px;font-size:.88rem;color:#9a9a9a;text-align:center}

/* article page */
.article-head{padding:38px 0 6px}
.article-head h1{text-align:left}
.meta-row{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.92rem;margin-top:10px}
.draft-note{background:#fff7dd;border:1px solid #ecd27a;border-radius:10px;padding:14px 18px;margin:18px 0;font-size:.95rem}

@media(max-width:900px){h1{font-size:2rem}.main-nav{display:none}.tool-card{padding:20px}.footer-grid{grid-template-columns:1fr}}
@media(max-width:640px){.author-linkedin-card{flex-direction:column}.header-in{gap:14px}}

/* blog archive — gramstocup-style horizontal post cards */
.blog-head{max-width:1000px;margin:0 auto;padding:44px 0 8px}
.blog-head p{color:var(--muted);font-size:1.15rem;max-width:760px}
.blog-list{max-width:1000px;margin:0 auto;padding-bottom:3rem}
.post-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px;margin-bottom:22px;box-shadow:var(--shadow);display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--lime)}
.post-thumb{display:block;border-radius:11px;overflow:hidden;border:1px solid var(--border)}
.post-thumb img{display:block;width:100%;height:auto;transition:transform .4s ease}
.post-card:hover .post-thumb img{transform:scale(1.04)}
.post-body{min-width:0}
.post-tag{display:inline-block;margin-bottom:.7rem;padding:.25rem .7rem;border-radius:999px;background:var(--lime);color:var(--dark);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.post-card h2{font-size:1.42rem;line-height:1.3;margin:0 0 .5rem}
.post-card h2 a{color:var(--dark);text-decoration:none;background:none;font-weight:800}
.post-card h2 a:hover{color:#5f7a0c;text-decoration:none}
.post-meta{font-size:.85rem;color:var(--muted);margin:0 0 .5rem}
.post-excerpt{color:var(--ink);margin:0 0 .7rem;line-height:1.65}
.post-more{font-weight:700;color:#5f7a0c}
.post-more:hover{text-decoration:underline}
@media(max-width:640px){.post-card{grid-template-columns:1fr}.post-thumb{max-width:340px}}

/* article page — gramstocup-style head + two-column layout */
.art-head{max-width:1200px;margin:0 auto;padding:2.2rem 0 0}
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:1.3rem}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:#5f7a0c}
.eyebrow{display:inline-block;margin-bottom:.9rem;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5f7a0c}
.art-head h1{font-size:2.6rem;line-height:1.16;letter-spacing:-.02em;margin-bottom:1rem}
.byline-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px}
.byline-row .byline{margin-top:0}
.read-time{font-size:.9rem;color:var(--muted);font-weight:600}
.rule{border:0;border-top:1px solid var(--border);margin:1.6rem 0 0}
.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:3rem;align-items:start;padding-top:2.2rem}
.content.art-main{max-width:none;margin:0;padding:0 0 30px}
.art-main p{line-height:1.8}
.featured{margin:0 0 2rem}
.featured img{width:100%;height:auto;display:block;border-radius:16px;background:#f8f9fa;box-shadow:var(--shadow);transition:transform .4s ease,box-shadow .4s ease}
.featured img:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.featured figcaption{margin-top:.8rem;font-size:1.05rem;font-weight:600;color:var(--dark);text-align:center}
.answer-box{background:#f1f6da;border-left:5px solid var(--lime);border-radius:0 10px 10px 0;padding:1.2rem 1.4rem;margin:0 0 1.6rem}
.answer-box p{margin:0;color:var(--dark);font-weight:600;line-height:1.7}
.art-side{position:sticky;top:96px;display:grid;gap:1.1rem}
.side-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px}
.side-card .toc p{margin:0 0 8px}
.side-card .toc p strong{font-size:.95rem;color:var(--dark);letter-spacing:.03em;text-transform:uppercase}
.side-card .toc ul{list-style:none;margin:0;padding:0;counter-reset:stoc}
.side-card .toc li{counter-increment:stoc;margin:1px 0}
.side-card .toc li a{display:flex;gap:10px;align-items:baseline;padding:.45rem 0;font-size:.9rem;color:var(--muted);line-height:1.45;border-top:1px solid #f0f0e6;font-weight:600;transition:color .2s ease,transform .2s ease}
.side-card .toc li:first-child a{border-top:0}
.side-card .toc li a::before{content:counter(stoc,decimal-leading-zero);color:#5f7a0c;font-weight:800;font-size:.78rem;flex:none}
.side-card .toc li a:hover{color:#5f7a0c;transform:translateX(3px);text-decoration:none}
.side-tool h3{margin:0 0 .5rem;font-size:1.1rem}
.side-tool p{color:var(--muted);font-size:.93rem;margin:0 0 .9rem;line-height:1.6}
@media(max-width:900px){.art-layout{grid-template-columns:1fr;gap:2rem;padding-top:1.6rem}.art-side{position:static}.art-head h1{font-size:1.9rem}}

/* comments */
.comments-box{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:26px 28px;margin:10px auto 40px}
.comments-box h2{margin-top:0}

/* premium logo lockup */
.logo{display:inline-flex;align-items:center;gap:11px}
.logo-icon{border-radius:11px;box-shadow:0 3px 10px rgba(26,26,26,.22);display:block}
.logo-word{font-weight:800;letter-spacing:-.02em}
.site-footer .logo-word{color:#fff}

/* tool cards v2: designed icon tile, category pill, open-tool row */
.tool-item{border:1px solid rgba(26,26,26,.09);border-radius:20px}
.tc-tile{height:138px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.85),rgba(255,255,255,0) 55%),linear-gradient(135deg,#eef7c3,#d9ef8f 55%,#c2f711)}
.tc-emoji{font-size:54px;line-height:1;width:94px;height:94px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.78);border-radius:27px;box-shadow:0 12px 26px rgba(26,26,26,.13),inset 0 1px 0 #fff}
.tc-cat{display:inline-block;align-self:flex-start;background:var(--lime);color:var(--dark);font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:4px 11px;border-radius:999px;margin-bottom:9px}
.tool-body{display:flex;flex-direction:column}
.tool-body h3{margin:0 0 4px}
.tc-open{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:.93rem;color:var(--dark)}
.tc-arrow{width:31px;height:31px;border-radius:50%;background:var(--dark);color:var(--lime);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;transition:background .15s ease,color .15s ease,transform .15s ease}
.tool-item.premium:hover .tc-arrow{background:var(--lime);color:var(--dark);transform:translateX(3px)}
.tool-item:hover{border-color:rgba(95,122,12,.45)}

/* tighter section stacking on tool pages */
.content.sec{padding-top:0;padding-bottom:6px}
.content.sec h2{margin-top:.45em}
.content.sec .grid{margin:14px 0 8px}
.site-footer{margin-top:34px}

/* header controls: theme toggle + language picker */
.header-controls{display:flex;align-items:center;gap:10px;margin-left:auto}
.main-nav{margin-left:26px}
.theme-toggle{background:var(--card);border:1px solid var(--border);width:40px;height:40px;border-radius:50%;font-size:1.05rem;cursor:pointer;box-shadow:var(--shadow);line-height:1}
.lang-picker{position:relative}
.lang-btn{display:flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:8px 13px;font:inherit;font-size:.9rem;font-weight:700;color:var(--dark);cursor:pointer;box-shadow:var(--shadow)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:7px;min-width:196px;z-index:200;max-height:330px;overflow:auto}
.lang-item{display:flex;align-items:center;gap:9px;width:100%;background:none;border:none;padding:9px 11px;font:inherit;font-size:.93rem;font-weight:600;color:var(--ink);border-radius:9px;cursor:pointer;text-align:left}
.lang-item:hover{background:rgba(194,247,17,.25)}
.gt-hidden{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px;height:1px;overflow:hidden}
.goog-te-banner-frame{display:none!important}
body{top:0!important}
.goog-logo-link,.goog-te-gadget span{display:none!important}

/* back to top */
#toTop{position:fixed;right:20px;bottom:22px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(26,26,26,.25);background:var(--lime);color:var(--dark);font-size:1.3rem;font-weight:800;cursor:pointer;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:300}
#toTop.show{opacity:1;pointer-events:auto}
#toTop:hover{transform:translateY(-3px)}

/* article meta: read time + preferred badge + share/save */
.read-time{font-weight:700;color:var(--dark)}
.pref-badge{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--border);border-radius:999px;padding:5px 13px 5px 6px;font-size:.83rem;font-weight:700;color:var(--dark);box-shadow:var(--shadow);margin-left:12px}
.pref-badge:hover{text-decoration:none;border-color:#4285F4}
.pref-g{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #e0e0e0;color:#4285F4;font-weight:800;font-size:.85rem}
.share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:16px 0 4px}
.share-label{font-weight:800;color:var(--dark);font-size:.92rem}
.share-btn,.save-btn{background:var(--card);border:1.5px solid var(--border);color:var(--dark);border-radius:999px;padding:7px 15px;font:inherit;font-size:.87rem;font-weight:700;cursor:pointer;transition:all .15s ease}
a.share-btn:hover{text-decoration:none;border-color:var(--lime-dark);background:rgba(194,247,17,.3)}
.share-btn:hover,.save-btn:hover{border-color:var(--lime-dark);background:rgba(194,247,17,.3)}
.save-btn.saved{background:var(--lime);border-color:var(--lime-dark)}

/* facts card v2 */
.facts{background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,var(--lime),#5f7a0c) border-box;border:2.5px solid transparent;border-radius:18px;box-shadow:var(--shadow-lg);padding:24px 28px;margin:30px 0}
.facts h2{display:flex;align-items:center;gap:11px;margin-top:0}
.facts h2::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--dark);font-size:1.05rem;flex:none;box-shadow:var(--shadow)}
.facts ul{margin-top:6px}
.facts li{margin:.65em 0}
.facts .src{display:inline-block;margin-left:8px}
.content .facts .src a{background:var(--lime);color:var(--dark);border-radius:999px;padding:2.5px 11px;font-size:.8rem;font-weight:700;box-shadow:var(--shadow)}
.content .facts .src a:hover{background:var(--lime-dark)}

/* images centered, responsive polish */
.content img,.art-head img{display:block;margin-left:auto;margin-right:auto}
figure.featured img{margin:0 auto}
.chart-box{margin-left:auto;margin-right:auto}
@media(max-width:700px){
  .grid{grid-template-columns:1fr}
  .header-in{flex-wrap:wrap}
  .lang-name{display:none}
  .lang-btn{padding:8px 10px}
  .content table{font-size:.85rem}
  .pref-badge{margin-left:0;margin-top:8px}
  .facts{padding:19px 18px}
  .tool-card{padding:20px 16px}
}

/* dark mode */
[data-theme="dark"]{--bg:#101312;--card:#1b1f1c;--ink:#e7eae4;--muted:#a9b0a4;--border:#2e352e;--green-bg:#152619;--green-ink:#b9e6c2;--shadow:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 12px 32px rgba(0,0,0,.55)}
[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
[data-theme="dark"] .site-header{background:#141614;box-shadow:0 2px 10px rgba(0,0,0,.5)}
[data-theme="dark"] .logo-word{color:#fff}
[data-theme="dark"] .main-nav a{color:#e7eae4}
[data-theme="dark"] .hero{background:linear-gradient(135deg,#181c15,#232a18)}
[data-theme="dark"] .hero-shade{background:linear-gradient(180deg,rgba(16,19,18,.25),rgba(16,19,18,.9))}
[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] .read-time,[data-theme="dark"] .share-label{color:#f2f4ec}
[data-theme="dark"] #tool-root input,[data-theme="dark"] #tool-root select,[data-theme="dark"] #tool-root textarea{background:#12140f;color:#e7eae4;border-color:#3a423a}
[data-theme="dark"] .chart-box,[data-theme="dark"] .comments-box,[data-theme="dark"] .post-card,[data-theme="dark"] .side-card,[data-theme="dark"] .slot-empty{background:var(--card);color:var(--ink)}
[data-theme="dark"] .post-card,[data-theme="dark"] .side-card{border-color:var(--border)}
[data-theme="dark"] .tc-tile{background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),linear-gradient(135deg,#3a4716,#55660f 55%,#7fa306)}
[data-theme="dark"] .tc-emoji{background:rgba(20,22,18,.72)}
[data-theme="dark"] .answer-box{background:#1d2413;color:var(--ink)}
[data-theme="dark"] .theme-toggle{background:#23261f;color:#ffe27a}

/* category pill on posts: "Blog" with theme highlight */
.blog-pill{display:inline-block;background:var(--lime);color:var(--dark);padding:.32rem .85rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow)}
.post-tag{background:var(--lime)}

/* real flag images in the language picker */
.flag-img,.lang-flag-img{border-radius:3.5px;border:1px solid rgba(26,26,26,.22);object-fit:cover;flex:none;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.lang-flag-img{width:24px;height:17px}
.flag-img{width:24px;height:16px}

/* google G inside preferred badge */
.pref-g-svg{flex:none;display:block}
.pref-badge{padding:5px 14px 5px 9px}

/* share bar sits directly under the featured image */
.art-main .share-bar{margin:15px 0 22px}
figure.featured{margin-bottom:0}

/* dark mode: full text visibility pass */
[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4,
[data-theme="dark"] .logo,[data-theme="dark"] .byline a,[data-theme="dark"] #tool-root label,
[data-theme="dark"] .faq-item summary,[data-theme="dark"] .chart-box figcaption,
[data-theme="dark"] .post-card h2 a,[data-theme="dark"] .answer-box p,
[data-theme="dark"] .tc-open,[data-theme="dark"] .lang-btn,[data-theme="dark"] .lang-item,
[data-theme="dark"] .read-time,[data-theme="dark"] .share-label,[data-theme="dark"] .share-btn,
[data-theme="dark"] .save-btn,[data-theme="dark"] .tool-body h3,[data-theme="dark"] .art-body h3,
[data-theme="dark"] .side-card h3,[data-theme="dark"] .crumbs a,[data-theme="dark"] .content .toc li a,
[data-theme="dark"] .content .toc p strong,[data-theme="dark"] .side-card .toc p strong,
[data-theme="dark"] .comments-box h2,[data-theme="dark"] .trust-item h3,[data-theme="dark"] .post-excerpt,
[data-theme="dark"] .blog-head p,[data-theme="dark"] .eyebrow{color:#eef1e6}
[data-theme="dark"] .content a:not(.tool-item):not(.art-item){color:#eef1e6}
[data-theme="dark"] .content{color:#e7eae4}
[data-theme="dark"] table td{color:#e7eae4}
[data-theme="dark"] .faq-item{background:var(--card)}
[data-theme="dark"] .pref-badge{background:#fff;color:#1a1a1a}
[data-theme="dark"] .blog-pill{color:#1a1a1a}
[data-theme="dark"] .btn-lime{color:#1a1a1a!important}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{color-scheme:dark}

/* dark mode round 2: light-on-light fixes (verified live) */
[data-theme="dark"] tbody tr:nth-child(even) td{background:#22271e}
[data-theme="dark"] tbody tr:hover td{background:#2a311f}
[data-theme="dark"] th,[data-theme="dark"] td{border-bottom-color:#39402f}
[data-theme="dark"] blockquote{background:#1d2413;color:#eef1e6}
[data-theme="dark"] .trust-item{background:linear-gradient(150deg,#1b1f1c 55%,#232a12);border-color:#2e352e}
[data-theme="dark"] .trust-item p{color:#c9cec2}
[data-theme="dark"] .content .facts .src a{color:#1a1a1a}

/* share buttons with HD brand logos */
.share-btn,.save-btn{display:inline-flex;align-items:center;gap:7px}
.share-ico{width:17px;height:17px;flex:none}
.ico-whatsapp{fill:#25D366}
.ico-facebook{fill:#1877F2}
.ico-x{fill:#111111}
.ico-telegram{fill:#26A5E4}

/* ===== round: centered nav, premium tool cards, footer alignment ===== */
@media(min-width:901px){
  .header-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
  .header-in>.logo{justify-self:start}
  .main-nav{margin:0;justify-self:center}
  .header-controls{justify-self:end;display:flex;align-items:center;gap:12px}
}
/* premium tool cards */
.tool-item.premium{position:relative;display:flex;flex-direction:column;gap:9px;padding:22px 20px 18px;border-radius:20px;background:linear-gradient(165deg,#ffffff,#f3f9e2);border:1px solid #e2ebc6;box-shadow:0 8px 22px rgba(31,51,4,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden;text-decoration:none}
.tool-item.premium::after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--lime),#7fc400)}
.tool-item.premium:hover{transform:translateY(-5px);border-color:var(--lime);box-shadow:0 16px 34px rgba(120,170,10,.22)}
.tc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.tool-item.premium .tc-tile{width:56px;height:56px;border-radius:17px;background:linear-gradient(140deg,#efffb3,var(--lime) 62%,#a3d60c);box-shadow:0 8px 16px rgba(140,190,20,.35),inset 0 1px 0 rgba(255,255,255,.65);display:flex;align-items:center;justify-content:center;flex:none}
.tool-item.premium .tc-emoji{font-size:28px;line-height:1}
.tool-item.premium h3{font-size:1.13rem;margin:2px 0 0;line-height:1.3}
.tc-desc{color:var(--muted);font-size:.93rem;line-height:1.5}
.tool-item.premium .tc-open{margin-top:auto;padding-top:8px;font-weight:700;color:#4d6b00;display:inline-flex;gap:6px;align-items:center;font-size:.95rem}
.tc-arrow{transition:transform .25s ease}
.tool-item:hover .tc-arrow{transform:translateX(4px)}
[data-theme="dark"] .tool-item.premium{background:linear-gradient(165deg,#20241f,#161916);border-color:#2e362b;box-shadow:0 8px 22px rgba(0,0,0,.35)}
[data-theme="dark"] .tc-desc{color:#aeb8a6}
[data-theme="dark"] .tool-item.premium .tc-open{color:var(--lime)}
@media(max-width:640px){
  .premium-grid{grid-template-columns:1fr 1fr;gap:12px}
  .premium-grid .tool-item.premium{padding:16px 14px 14px;border-radius:16px;gap:7px}
  .premium-grid .tc-tile{width:46px;height:46px;border-radius:13px}
  .premium-grid .tc-emoji{font-size:23px}
  .premium-grid .tool-item.premium h3{font-size:.98rem}
  .premium-grid .tc-desc{font-size:.84rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .premium-grid .tc-cat{display:none}
}
@media(max-width:360px){.premium-grid{grid-template-columns:1fr}}
/* footer alignment */
.footer-grid{align-items:start}
.footer-tools{columns:1}
.site-footer .logo{display:inline-flex;align-items:center;gap:12px}
.site-footer .logo-word{white-space:nowrap}
.site-footer h4{margin:0 0 14px}
.site-footer li{margin:0 0 9px}
.footer-grid>div:first-child p{margin-top:14px;line-height:1.65}
.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);text-align:center}

/* round social share buttons */
.share-bar{gap:10px;align-items:center}
.share-bar .share-btn,.share-bar .save-btn{width:44px;height:44px;border-radius:50%;padding:0;justify-content:center;border:none;flex:none;font-size:19px;line-height:1;transition:transform .2s ease,box-shadow .2s ease}
.share-bar .share-ico{width:20px;height:20px}
.share-bar .s-wa{background:#ffffff;border:1px solid #e3e9d2;box-shadow:0 3px 10px rgba(30,50,5,.10)}
.share-bar .s-fb{background:#ffffff;border:1px solid #e3e9d2;box-shadow:0 3px 10px rgba(30,50,5,.10)}
.share-bar .s-x{background:#ffffff;border:1px solid #e3e9d2;box-shadow:0 3px 10px rgba(30,50,5,.10)}
.share-bar .s-tg{background:#ffffff;border:1px solid #e3e9d2;box-shadow:0 3px 10px rgba(30,50,5,.10)}
.share-bar #copyLink{background:#edf3d8}
.share-bar #savePost{background:var(--lime)}
.share-bar .share-btn:hover,.share-bar .save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(30,50,5,.25)}
[data-theme="dark"] .share-bar #copyLink{background:#2a2f28}
/* translate banner suppression + chart space reservation */
.goog-te-banner-frame.skiptranslate{display:none!important}
body{top:0!important}
figure.chart-box{min-height:320px}
@media(max-width:640px){figure.chart-box{min-height:260px}}

.comments-box #disqus_thread{min-height:340px}

/* dark mode: TOC box goes dark too (text was turning white on the light box) */
[data-theme="dark"] .content .toc{background:linear-gradient(135deg,#1e231d,#242c1f);border-color:#3a4433;border-left-color:var(--lime)}
[data-theme="dark"] .content .toc li a:hover{background:rgba(194,247,17,.14)}
[data-theme="dark"] .side-card .toc li a{border-top-color:#2e352e}

/* ===== PREMIUM TOOL UI (pillar tools) ===== */
.tool-card{border-radius:22px;border:1px solid #e4ecd2;border-top:6px solid var(--lime);background:linear-gradient(180deg,#ffffff,#fbfdf3);box-shadow:0 24px 48px -20px rgba(31,51,4,.22),0 4px 14px rgba(31,51,4,.06);padding:32px 34px 30px}
#tool-root .tool-card{border:none;background:none;box-shadow:none;padding:0;border-radius:0}
#tool-root label{font-size:.94rem;font-weight:700;color:var(--ink);margin:16px 0 7px}
#tool-root .tool-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:0 0 6px;align-items:end}
#tool-root .tool-row label{margin:0;display:flex;flex-direction:column;gap:7px}
#tool-root input[type="number"],#tool-root input[type="text"],#tool-root input[type="date"],#tool-root input[type="email"],#tool-root select,#tool-root textarea{padding:14px 16px;border:1.5px solid var(--border);border-radius:13px;background:var(--card);color:var(--ink);font-size:1.05rem;transition:border-color .15s ease,box-shadow .15s ease}
#tool-root input:focus,#tool-root select:focus,#tool-root textarea:focus{border-color:var(--lime-dark);box-shadow:0 0 0 4px rgba(194,247,17,.28);outline:none}
#tool-root input[type="checkbox"],#tool-root input[type="radio"]{accent-color:#7fb800;width:19px;height:19px;vertical-align:-3px}
#tool-root input[type="range"]{accent-color:#7fb800}
#tool-root button,.t-btn{background:linear-gradient(160deg,#2a2a2a,#0f0f0f);color:#fff;border:none;border-radius:13px;padding:14px 28px;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;margin:20px 12px 4px 0;box-shadow:0 12px 24px -10px rgba(10,10,10,.5),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .18s ease,box-shadow .18s ease}
#tool-root button:hover,.t-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -10px rgba(10,10,10,.55),inset 0 1px 0 rgba(255,255,255,.22)}
#tool-root button:active,.t-btn:active{transform:translateY(0)}
#tool-root .btn-accent{background:linear-gradient(135deg,var(--lime),#a5d90d);color:#161616;box-shadow:0 12px 24px -10px rgba(140,190,20,.65),inset 0 1px 0 rgba(255,255,255,.55)}
#tool-root .btn-accent:hover{background:linear-gradient(135deg,#cff747,#9dc90a)}
#tool-root .tool-presets,.preset-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 4px}
#tool-root .tool-presets>span,.preset-row>span{font-weight:700;color:var(--muted);font-size:.9rem;margin-right:2px}
#tool-root .tool-presets button,.preset-row button,#tool-root .preset-chip,.chip,.pkg-chip{background:linear-gradient(135deg,rgba(194,247,17,.30),rgba(255,255,255,.65))!important;color:#232323!important;border:1px solid rgba(26,26,26,.14)!important;padding:10px 18px!important;font-size:.92rem!important;font-weight:700;border-radius:999px!important;margin:0!important;box-shadow:0 4px 12px rgba(26,26,26,.08),inset 0 1px 0 rgba(255,255,255,.85);backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
#tool-root .tool-presets button:hover,.preset-row button:hover,#tool-root .preset-chip:hover,.chip:hover,.pkg-chip:hover{transform:translateY(-1px);border-color:rgba(26,26,26,.35)!important;box-shadow:0 8px 20px rgba(26,26,26,.14),inset 0 1px 0 rgba(255,255,255,.9)}
#tool-root button.active,.pkg-chip.active{background:linear-gradient(135deg,var(--lime),#a5d90d)!important;color:#161616!important;border-color:rgba(26,26,26,.25)!important}
.tool-result,.t-result{background:linear-gradient(135deg,#f4ffd9,#e9ffb8);border:1.5px solid #b9d95e;border-radius:18px;padding:22px 24px;margin-top:22px;font-size:1.08rem;color:#22300a;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 24px -14px rgba(90,130,10,.45)}
.tool-result:empty,.t-result:empty{display:none}
.tool-result .big,.t-result .big{font-size:2rem;font-weight:800;color:#2f4d00;letter-spacing:-.01em;display:block}
.tool-out{background:rgba(194,247,17,.07);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-top:14px}
.tool-box{background:rgba(194,247,17,.08);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin:14px 0}
.tool-note{font-size:.9rem;color:var(--muted);margin-top:12px;line-height:1.55}
.tool-error{background:#fdecec;border:1px solid #f3b8b8;color:#8f1d1d;border-radius:12px;padding:12px 16px;font-weight:600;margin:14px 0}
.tool-sub{font-size:1.05rem;font-weight:800;margin:18px 0 8px;color:var(--ink)}
.tool-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.98rem}
.tool-table th{background:#1f241c;color:var(--lime);text-align:left;padding:11px 14px}
.tool-table td{padding:10px 14px;border-bottom:1px solid var(--border)}
.tool-table tr:nth-child(even) td{background:rgba(194,247,17,.06)}
/* dark mode tool UI */
[data-theme="dark"] .tool-card{background:linear-gradient(180deg,#1e221d,#161916);border-color:#2e362b;border-top-color:var(--lime)}
[data-theme="dark"] #tool-root .tool-card{background:none;border:none}
[data-theme="dark"] #tool-root .tool-presets button,[data-theme="dark"] .preset-row button,[data-theme="dark"] #tool-root .preset-chip,[data-theme="dark"] .chip,[data-theme="dark"] .pkg-chip{background:linear-gradient(135deg,rgba(194,247,17,.22),rgba(30,34,28,.65))!important;color:#eef1e6!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 4px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12)}
[data-theme="dark"] .tool-result,[data-theme="dark"] .t-result{background:linear-gradient(135deg,#22300f,#1a260c);border-color:#4a6420;color:#dff0b8}
[data-theme="dark"] .tool-result .big,[data-theme="dark"] .t-result .big{color:#c9f27e}
[data-theme="dark"] .tool-error{background:#3a1d1d;border-color:#6e3535;color:#ffb4b4}
[data-theme="dark"] .tool-box{background:rgba(194,247,17,.05);border-color:#2e362b}
[data-theme="dark"] .tool-table th{background:#101208}
@media(max-width:640px){
  .tool-card{padding:22px 18px 20px;border-radius:18px}
  #tool-root button,.t-btn{width:100%;margin:16px 0 4px}
  #tool-root .tool-presets button,.preset-row button,#tool-root .preset-chip,.chip,.pkg-chip{width:auto}
  .tool-result,.t-result{padding:18px}
}
@media(max-width:420px){#tool-root .tool-row{grid-template-columns:1fr}}
/* share icons: official colors, guaranteed (round white buttons) */
.share-bar .s-wa,.share-bar .s-fb,.share-bar .s-x,.share-bar .s-tg{background:#ffffff!important;border:1px solid #e3e9d2!important;box-shadow:0 3px 10px rgba(30,50,5,.10)}
.share-bar .share-ico .ico-whatsapp{fill:#25D366!important}
.share-bar .share-ico .ico-facebook{fill:#1877F2!important}
.share-bar .share-ico .ico-x{fill:#000000!important}
.share-bar .share-ico .ico-telegram{fill:#26A5E4!important}

/* sidebar "On This Page" TOC: bold links */
.side-card .toc p strong{font-weight:800}

/* ===== TOOL OVERHAUL v2: center + gradient outline + theme buttons ===== */
.tool-wrap{display:flex;justify-content:center}
.tool-card{width:100%;max-width:880px;border-radius:24px;border:2px solid transparent;background:linear-gradient(#ffffff,#fbfdf3) padding-box,linear-gradient(135deg,var(--lime),#7ac70c 55%,#3f7a1e) border-box;box-shadow:0 24px 48px -20px rgba(31,51,4,.25),0 4px 14px rgba(31,51,4,.06);padding:32px 34px 30px}
#tool-root{text-align:center}
#tool-root label,#tool-root input,#tool-root select,#tool-root textarea,#tool-root .tool-result,#tool-root .t-result,#tool-root .tool-table,#tool-root .tool-note,#tool-root .tool-error,#tool-root .tool-row,#tool-root .tool-box,#tool-root .tool-out,#tool-root .tool-sub{text-align:left}
#tool-root>div{margin-bottom:14px}
#tool-root label>input,#tool-root label>select,#tool-root label>textarea{display:block;margin-top:7px;width:100%}
#tool-root .tool-box{max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
#tool-root .tool-presets,.preset-row{justify-content:center}
#tool-root button,.t-btn{background:linear-gradient(135deg,var(--lime),#a5d90d);color:#161616;box-shadow:0 12px 24px -10px rgba(140,190,20,.65),inset 0 1px 0 rgba(255,255,255,.55)}
#tool-root button:hover,.t-btn:hover{background:linear-gradient(135deg,#cff747,#9dc90a)}
#tool-root .btn-accent{background:linear-gradient(160deg,#2a2a2a,#0f0f0f);color:#fff;box-shadow:0 12px 24px -10px rgba(10,10,10,.5),inset 0 1px 0 rgba(255,255,255,.18)}
#tool-root button.active,.pkg-chip.active{background:#161616!important;color:var(--lime)!important}
.tool-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.tool-tabs button.is-active{background:#161616;color:var(--lime)}
.lk-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}
.act-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.tool-cal{border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-top:14px}
[data-theme="dark"] .tool-card{background:linear-gradient(#1e221d,#161916) padding-box,linear-gradient(135deg,var(--lime),#7ac70c 55%,#3f7a1e) border-box}
@media(max-width:640px){.lk-grid{grid-template-columns:1fr}}

/* share anchors: guaranteed round (a elements need explicit inline-flex + size) */
.share-bar a.share-btn{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%!important;flex:none}

/* ===== v3: empty error bar (the "red line") + field width normalization ===== */
.tool-error:empty{display:none!important}
.tool-error[hidden]{display:none!important}
#tool-root input:not([type="checkbox"]):not([type="radio"]),#tool-root select,#tool-root textarea{width:100%!important;min-width:0}
#tool-root .tool-row label{min-width:0}

/* presets: center the row even inside left-aligned tool boxes */
#tool-root div:has(> .preset-chip){text-align:center}
#tool-root .tool-presets,#tool-root .preset-row{justify-content:center!important}

/* ===== GLASS THEME v4 — unified premium tool design ===== */
.tool-card{background:linear-gradient(165deg,rgba(255,255,255,.88),rgba(243,255,214,.7)) padding-box,linear-gradient(135deg,var(--lime),#7ac70c 55%,#3f7a1e) border-box;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5)}
#tool-root .tool-box{background:rgba(255,255,255,.55);border:1px solid rgba(122,199,12,.35);border-radius:18px;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#tool-root input:not([type="checkbox"]):not([type="radio"]),#tool-root select,#tool-root textarea{background:rgba(255,255,255,.78);border:1.5px solid rgba(31,51,4,.15);box-shadow:inset 0 2px 5px rgba(31,51,4,.05)}
#tool-root input:focus,#tool-root select:focus,#tool-root textarea:focus{background:#fff;border-color:var(--lime-dark);box-shadow:0 0 0 4px rgba(194,247,17,.3)}
#tool-root table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(122,199,12,.4);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.65)}
#tool-root th,#tool-root td{border-color:rgba(31,51,4,.08)!important;padding:9px 12px;text-align:left}
#tool-root th{background:rgba(194,247,17,.22);font-weight:800}
#tool-root .tool-result,#tool-root .t-result{background:linear-gradient(150deg,rgba(240,255,196,.9),rgba(214,245,130,.75));border:1px solid rgba(122,199,12,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
/* buttons: ONE line, equal width, proper gap */
#tool-root .tool-presets,#tool-root .preset-row{display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;align-items:stretch}
#tool-root div:has(> .preset-chip):not(.tool-presets):not(.preset-row),#tool-root div:has(> button):not(:has(> input)):not(:has(> select)):not(:has(> label)):not(.tool-tabs){display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;align-items:stretch}
#tool-root .preset-chip{flex:1 1 0;min-width:0;max-width:250px}
#tool-root div:has(> button) > button{flex:1 1 0;min-width:0;max-width:280px}
#tool-root .tool-box{text-align:center}
#tool-root .tool-box label,#tool-root .tool-box p,#tool-root .tool-box .tool-out,#tool-root .tool-box .tool-note,#tool-root .tool-box .tool-error,#tool-root .tool-box .tool-cal,#tool-root .tool-box table{text-align:left}
[data-theme="dark"] .tool-card{background:linear-gradient(165deg,rgba(38,44,36,.88),rgba(22,28,20,.82)) padding-box,linear-gradient(135deg,var(--lime),#7ac70c 55%,#3f7a1e) border-box}
[data-theme="dark"] #tool-root .tool-box{background:rgba(255,255,255,.05);border-color:rgba(194,247,17,.3)}
[data-theme="dark"] #tool-root input:not([type="checkbox"]):not([type="radio"]),[data-theme="dark"] #tool-root select,[data-theme="dark"] #tool-root textarea{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
[data-theme="dark"] #tool-root table{background:rgba(255,255,255,.04)}
[data-theme="dark"] #tool-root th{background:rgba(194,247,17,.16)}
[data-theme="dark"] #tool-root button,[data-theme="dark"] .t-btn{color:#161616}
@media(max-width:640px){#tool-root .preset-chip{font-size:.8rem;padding:9px 6px}}

/* sidebar heads with icons (gramstocup pattern): bold heading, plain list */
.side-head{display:flex;align-items:center;gap:9px}
.side-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:9px;background:linear-gradient(135deg,var(--lime),#a5d90d);font-size:15px;line-height:1;box-shadow:0 4px 10px rgba(140,190,20,.35)}
.side-card .toc .toc-title{font-weight:800}
.side-card .toc li a{font-weight:500}
.side-card h3.side-head{font-weight:800}
/* tool action bar: Check Again + Reset in every tool */
.tool-actions{display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;margin-top:18px}
.tool-actions button{flex:1 1 0;min-width:0;max-width:280px}
.tool-actions .ta-reset{background:linear-gradient(160deg,#2a2a2a,#0f0f0f);color:#fff;box-shadow:0 12px 24px -10px rgba(10,10,10,.5),inset 0 1px 0 rgba(255,255,255,.18)}
[data-theme="dark"] .tool-actions .ta-reset{color:#fff}
.ta-pulse{animation:taPulse .9s ease}
@keyframes taPulse{0%{box-shadow:0 0 0 0 rgba(194,247,17,.55)}100%{box-shadow:0 0 0 16px rgba(194,247,17,0)}}

/* ===== UNIFY v5: ONE design for every tool ===== */
#tool-root{background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(240,255,205,.5));border:1px solid rgba(122,199,12,.4);border-radius:20px;padding:22px;color:#232b1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#tool-root .tool-box{background:transparent;border:0;border-radius:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
#tool-root label{color:#1f3304}
#tool-root .tool-note,#tool-root .tool-sub{color:#4c5738}
#tool-root .tool-out{background:linear-gradient(150deg,rgba(240,255,196,.9),rgba(214,245,130,.75));border:1px solid rgba(122,199,12,.45);border-radius:16px;padding:16px 18px;margin-top:16px;color:#232b1a}
#tool-root .tool-out:empty,#tool-root .tool-cal:empty{display:none}
#tool-root .tool-out table{background:rgba(255,255,255,.55)}
.tool-actions .ta-print{background:rgba(255,255,255,.85);color:#161616;border:1.5px solid rgba(31,51,4,.2);box-shadow:0 10px 20px -10px rgba(31,51,4,.3)}
.print-credit{display:none}
[data-theme="dark"] #tool-root{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(194,247,17,.05));border-color:rgba(194,247,17,.35);color:#eef1e6}
[data-theme="dark"] #tool-root label{color:#fff}
[data-theme="dark"] #tool-root .tool-note,[data-theme="dark"] #tool-root .tool-sub{color:#c9d1bd}
[data-theme="dark"] #tool-root .tool-out{background:linear-gradient(150deg,rgba(120,160,30,.28),rgba(80,110,20,.22));border-color:rgba(194,247,17,.4);color:#eef1e6}
[data-theme="dark"] #tool-root .tool-error{color:#ff9d9d!important}
[data-theme="dark"] .tool-actions .ta-print{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.3)}
/* ===== PRINT: clean printable tool sheet ===== */
@media print{
  .site-header,.site-footer,.art-side,.share-bar,.comments-box,.read-next,.back-top,.tool-actions,.crumbs,.byline-row,.pref-badge,.hero-bg,.tool-body,.faq-wrap,.facts-wrap,.sec-nav,header.site-header,footer{display:none!important}
  body{background:#fff!important}
  .tool-card,#tool-root{background:#fff!important;border:1px solid #999!important;box-shadow:none!important;backdrop-filter:none!important;color:#000!important}
  #tool-root .tool-out,#tool-root .tool-result,#tool-root .t-result{background:#f4f4f4!important;border:1px solid #bbb!important;color:#000!important}
  .print-credit{display:block;margin-top:14px;font-size:.8rem;color:#555;text-align:center}
}

/* action bar colors: beat the generic lime button rule on specificity */
#tool-root .tool-actions .ta-reset{background:linear-gradient(160deg,#2a2a2a,#0f0f0f);color:#fff}
#tool-root .tool-actions .ta-print{background:rgba(255,255,255,.9);color:#161616}
[data-theme="dark"] #tool-root .tool-actions .ta-print{background:rgba(255,255,255,.14);color:#fff}
[data-theme="dark"] #tool-root .tool-actions .ta-reset{color:#fff}

/* single panel: fields sit directly in the glass card, no inner root panel */
#tool-root{background:transparent;border:0;border-radius:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
[data-theme="dark"] #tool-root{background:transparent;border:0}

/* author bio card at end of article content */
.author-card{display:flex;gap:20px;align-items:flex-start;margin-top:28px;padding:24px;border-radius:18px;background:linear-gradient(150deg,rgba(240,255,196,.65),rgba(255,255,255,.85));border:1px solid rgba(122,199,12,.45);box-shadow:0 16px 32px -18px rgba(31,51,4,.25)}
.author-card-img{width:96px;height:96px;flex:none;border-radius:50%;object-fit:cover;border:3px solid var(--lime);box-shadow:0 8px 18px rgba(31,51,4,.25)}
.author-card-kicker{margin:0 0 2px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#5f7a0c}
.author-card-name{margin:0 0 6px;font-size:1.3rem}
.author-card-bio{margin:0 0 14px;font-size:.95rem;line-height:1.6;color:#3c4630}
.author-card-li{display:inline-flex;align-items:center;gap:8px;background:#0a66c2;color:#fff;font-weight:700;font-size:.88rem;padding:9px 16px;border-radius:999px;box-shadow:0 10px 20px -8px rgba(10,102,194,.55)}
.author-card-li:hover{background:#0958a6;text-decoration:none;transform:translateY(-1px)}
[data-theme="dark"] .author-card{background:linear-gradient(150deg,rgba(120,160,30,.22),rgba(255,255,255,.05));border-color:rgba(194,247,17,.35)}
[data-theme="dark"] .author-card-bio{color:#d5dcc8}
@media(max-width:560px){.author-card{flex-direction:column;align-items:center;text-align:center}.author-card-li{margin:0 auto}}

/* ===== v6 GRAMSTOCUP TOOL DESIGN ===== */
.tool-card{background:#fff;border:1px solid #e7ebdb;border-radius:22px;box-shadow:0 24px 48px -24px rgba(31,51,4,.28);padding:30px 32px 28px;backdrop-filter:none;-webkit-backdrop-filter:none}
.tool-head{margin-bottom:20px;text-align:left}
.tool-title{font-size:1.55rem;font-weight:800;color:#20241c;margin:0 0 6px;letter-spacing:-.01em}
.tool-sub{margin:0;color:#7a8172;font-size:.98rem}
#tool-root label{font-size:.92rem;font-weight:700;color:#20241c}
#tool-root input:not([type="checkbox"]):not([type="radio"]),#tool-root select,#tool-root textarea{background:#fff;border:1.5px solid #dfe3d8;border-radius:10px;min-height:48px;padding:10px 14px;font-size:1rem;color:#20241c;box-shadow:none}
#tool-root input:focus,#tool-root select:focus,#tool-root textarea:focus{border-color:var(--lime-dark);box-shadow:0 0 0 4px rgba(194,247,17,.25);background:#fff}
#tool-root .tool-result,#tool-root .t-result,#tool-root .tool-out{background:#f4f6ef;border:1px solid #e2e6da;border-radius:12px;color:#20241c;backdrop-filter:none;-webkit-backdrop-filter:none}
#tool-root button{background:var(--lime);color:#161616;border-radius:999px;box-shadow:0 8px 18px -8px rgba(140,190,20,.6)}
#tool-root .preset-chip{background:#f2f9dc;border:1px solid #d9e8ae;color:#2c3a10;box-shadow:none}
#tool-root .preset-chip.active{background:#161616!important;color:var(--lime)!important}
#tool-root button.btn-primary-full{width:100%;min-height:52px;font-size:1.02rem;margin-top:6px}
.tool-actions{display:block;margin-top:20px;text-align:center}
#tool-root .tool-actions .ta-primary{width:100%;min-height:54px;border-radius:999px;background:var(--lime);color:#161616;font-size:1.05rem;font-weight:800;box-shadow:0 14px 26px -10px rgba(140,190,20,.65)}
#tool-root .tool-actions .ta-banner{position:relative;width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:#22271f;color:#fff;border-radius:14px;padding:16px 18px;margin-top:16px;box-shadow:0 16px 30px -14px rgba(10,15,5,.55)}
.ta-ico{width:44px;height:44px;flex:none;border-radius:10px;background:var(--lime);display:flex;align-items:center;justify-content:center;font-size:20px}
.ta-b-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.ta-b-title{font-weight:800;font-size:1rem;color:#fff}
.ta-b-sub{font-size:.82rem;color:#aeb6a4}
.ta-arrow{margin-left:auto;color:var(--lime);font-size:1.35rem;font-weight:800;flex:none}
.ta-free{position:absolute;top:-9px;right:14px;background:var(--lime);color:#161616;font-size:.68rem;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.06em}
#tool-root button.ta-reset-link{background:none;box-shadow:none;color:#7a8172;font-size:.86rem;font-weight:600;text-decoration:underline;margin-top:12px;padding:4px 8px}
[data-theme="dark"] .tool-card{background:#1e221d;border-color:#333a30}
[data-theme="dark"] .tool-title{color:#fff}
[data-theme="dark"] .tool-sub{color:#a7ae9c}
[data-theme="dark"] #tool-root label{color:#e8ecdf}
[data-theme="dark"] #tool-root input:not([type="checkbox"]):not([type="radio"]),[data-theme="dark"] #tool-root select,[data-theme="dark"] #tool-root textarea{background:#262b24;border-color:#3a4234;color:#fff}
[data-theme="dark"] #tool-root .tool-result,[data-theme="dark"] #tool-root .t-result,[data-theme="dark"] #tool-root .tool-out{background:#262b24;border-color:#3a4234;color:#eef1e6}
[data-theme="dark"] #tool-root .preset-chip{background:rgba(194,247,17,.14);border-color:rgba(194,247,17,.4);color:#e6f5bd}
[data-theme="dark"] #tool-root .tool-actions .ta-banner{background:#141713;border:1px solid #333a30}
@media print{.tool-head{display:block!important}.tool-actions{display:none!important}}

/* action bar must STACK (full-width primary, wide banner, link below) — never a flex row */
#tool-root .tool-actions{display:block!important;text-align:center}
#tool-root .tool-actions>button{flex:none!important;max-width:none}
#tool-root div.tool-actions:has(> button){display:block!important}
[data-theme="dark"] #tool-root .tool-actions .ta-banner{border-color:rgba(194,247,17,.5)}

.author-li-round{display:inline-flex;width:30px;height:30px;border-radius:50%;vertical-align:-7px;margin-left:6px;box-shadow:0 4px 10px rgba(10,102,194,.4);transition:transform .15s ease}
.author-li-round svg{width:100%;height:100%;display:block}
.author-li-round:hover{transform:translateY(-2px) scale(1.06);text-decoration:none}

/* tool table headers: site-table treatment (dark header, lime text) — never lime on pale */
#tool-root th{background:#20241c!important;color:var(--lime)!important}
#tool-root .tool-note{color:#3f4a2e}
[data-theme="dark"] #tool-root .tool-note{color:#c9d1bd}

.author-li-round{width:36px;height:36px;vertical-align:-11px;margin-left:8px}

/* content containers (table/paragraphs + a button) must never become a button row */
#tool-root div:has(> table):has(> button),#tool-root div:has(> p):has(> button){display:block!important}
#tool-root div:has(> table):has(> button)>button,#tool-root div:has(> p):has(> button)>button{flex:none!important;max-width:none}

/* Read Next carousel: 3 visible, rest slide */
.rn-carousel{position:relative}
.rn-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 14px;scrollbar-width:none;-ms-overflow-style:none}
.rn-track::-webkit-scrollbar{display:none}
.rn-track>*{flex:0 0 calc((100% - 36px)/3);scroll-snap-align:start;margin:0}
.rn-nav{position:absolute;top:34%;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:#fff;color:#20241c;font-size:1.5rem;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 22px rgba(31,51,4,.22);transition:all .15s ease}
.rn-nav:hover{background:var(--lime);transform:scale(1.07)}
.rn-prev{left:-14px}
.rn-next{right:-14px}
[data-theme="dark"] .rn-nav{background:#262b24;color:#fff;border-color:#3a4234}
@media(max-width:760px){.rn-track>*{flex-basis:82%}.rn-prev{left:2px}.rn-next{right:2px}}

/* About-page profile cards: LIGHT in light mode (were dark panels) */
.author-linkedin-card{background:#fff;color:var(--ink);border:1px solid var(--border);box-shadow:var(--shadow)}
.author-linkedin-card .author-name{color:var(--ink)}
.author-linkedin-card .author-role{color:#4e6210}
.author-linkedin-card .author-bio{color:#4c5546}
.linkedin-btn{background:#fff;border:1.5px solid #0A66C2;color:#0A66C2!important}
.linkedin-btn:hover{background:#0A66C2;color:#fff!important}
.linkedin-btn:hover svg{fill:#fff}
[data-theme="dark"] .author-linkedin-card{background:#262b24;color:#eef1e6;border-color:#3a4234}
[data-theme="dark"] .author-linkedin-card .author-name{color:#fff}
[data-theme="dark"] .author-linkedin-card .author-role{color:var(--lime)}
[data-theme="dark"] .author-linkedin-card .author-bio{color:#c9d1bd}

.content a.linkedin-btn{background-image:none!important}

/* ===== Premium footer (black, aligned grid) ===== */
.site-footer{position:relative;background:radial-gradient(560px 300px at 12% -40px,rgba(194,247,17,.13),transparent 65%),linear-gradient(180deg,#15170f,#0d0f0a);color:#c6cabf;margin-top:56px;overflow:hidden}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--lime),rgba(194,247,17,.25) 55%,transparent)}
.footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1.15fr;gap:46px;padding:54px 0 40px;align-items:start}
.site-footer .logo{display:inline-flex;align-items:center;gap:11px;min-height:46px}
.site-footer .logo-word{color:#fff;font-size:1.28rem}
.footer-grid h4{color:#fff;font-size:1rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;min-height:46px;display:flex;align-items:center;margin:0 0 16px;position:relative;padding-bottom:10px}
.footer-grid h4::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;border-radius:2px;background:var(--lime)}
.ftr-brand p{margin:16px 0 0;line-height:1.7;font-size:.94rem;color:#aeb4a4;max-width:340px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:0 0 11px}
.site-footer ul a{color:#c6cabf;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;transition:color .15s ease,transform .15s ease}
.site-footer ul a::before{content:"›";color:var(--lime);font-weight:800;transition:transform .15s ease}
.site-footer ul a:hover{color:var(--lime);text-decoration:none;transform:translateX(3px)}
.ftr-contact li span{color:#aeb4a4;font-size:.95rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.13);margin-top:6px;padding:20px 0 26px;font-size:.9rem;color:#9aa191;text-align:left}
.ftr-mini{display:inline-flex;gap:22px}
.ftr-mini a{color:#c6cabf;font-weight:600}
.ftr-mini a:hover{color:var(--lime);text-decoration:none}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-bottom{justify-content:center;text-align:center}}

.author-card{background:#fff}

.footer-grid{grid-template-columns:1.45fr 1fr 1fr 1.3fr}
.ftr-contact a{white-space:nowrap}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.ftr-contact a{white-space:normal}}

/* author LinkedIn icon: fully round, no background box/highlight */
.author-li-round{display:inline-flex!important;width:36px;height:36px;border-radius:50%;overflow:hidden;background:none!important;box-shadow:none!important;vertical-align:-11px}
.author-li-round svg{display:block}
.content a.author-li-round{background-image:none!important}

/* ===== Mobile header: small title, no logo icon, hamburger menu ===== */
.nav-toggle{display:none;background:var(--card);border:1px solid var(--border);width:40px;height:40px;border-radius:50%;font-size:1.05rem;cursor:pointer;box-shadow:var(--shadow);line-height:1;color:var(--ink);align-items:center;justify-content:center}
@media(max-width:900px){
  .header-in{flex-wrap:nowrap!important;height:58px;gap:8px}
  .site-header .logo-icon{display:none}
  .site-header .logo-word{font-size:1rem}
  .site-header .logo{gap:0}
  .header-controls{margin-left:auto;display:flex;align-items:center;gap:8px}
  .nav-toggle{display:inline-flex}
  .main-nav{display:none}
  .main-nav.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;padding:8px 20px 14px;box-shadow:0 18px 30px rgba(20,30,5,.18);gap:0;margin:0;z-index:60}
  .main-nav.open a{padding:12px 2px;border-bottom:1px solid var(--border);font-size:1rem;color:var(--ink)}
  .main-nav.open a:last-child{border-bottom:0}
  [data-theme="dark"] .main-nav.open{background:#1b1f1c}
  [data-theme="dark"] .main-nav.open a{border-color:#2e352e;color:#e7eae4}
}

/* Mobile: preset rows with 3+ buttons wrap into neat rows (no squeezed chips) */
@media(max-width:760px){
  #tool-root div:has(> button:nth-of-type(3)){flex-wrap:wrap!important}
  #tool-root div:has(> button:nth-of-type(3))>button{flex:1 1 30%!important;max-width:none!important;white-space:normal}
}