/*
Theme Name: サルでもわかるAIニュース ラフ再現版
Author: Saru AI News
Description: AI初心者向けニュースメディア用オリジナルWordPressテーマ。
Version: 2.2.5
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: saru-ai-news
*/
:root{--yellow:#ffdf00;--blue:#159bea;--ink:#111827;--muted:#687386;--bg:#f4f9fc;--line:#e4edf3;--shadow:0 8px 24px rgba(37,76,106,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 34px));margin-inline:auto}
.site-header-v14{height:80px;background:#fff;border-bottom:1px solid #e9eef2;position:sticky;top:0;z-index:50}.header-v14-inner{height:100%;display:flex;align-items:center;gap:22px}.brand-v14{width:225px;flex:0 0 225px}.brand-v14 img{width:100%;height:66px;object-fit:contain;object-position:left center}.nav-v14{display:flex;justify-content:center;align-items:stretch;gap:26px;margin-left:auto}.nav-v14 a{min-width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:900;line-height:1.15;white-space:nowrap}.nav-v14 img{width:38px;height:38px;object-fit:contain;margin-bottom:2px}.search-v14{width:47px;height:47px;flex:0 0 47px;border-radius:50%;background:#ffe500;display:grid;place-items:center;font-size:29px;font-weight:950}.hamb-v14{display:none;border:0;background:none;font-size:27px}
.hero-v14{height:355px;position:relative;overflow:hidden;background:linear-gradient(118deg,#ffef00 0%,#ffe000 73%,#35c5f3 100%)}.hero-v14:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25% 75%,rgba(255,255,255,.12) 75%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25% 75%,rgba(255,255,255,.08) 75%);background-size:52px 52px;opacity:.55}.hero-shape{position:absolute;border-radius:50%;background:#34c7f5}.hs1{width:58px;height:58px;left:10px;top:25px}.hs2{width:72px;height:72px;right:145px;top:30px}.hero-dots{position:absolute;right:0;top:0;width:85px;height:85px;background-image:radial-gradient(#fff 2px,transparent 3px);background-size:12px 12px}.hero-v14-inner{height:100%;position:relative}.hero-v14-copy{position:absolute;left:20px;top:52px;z-index:3}.hero-v14-copy h1{margin:0;line-height:.91;letter-spacing:-.065em}.hero-v14-copy h1 span{display:block;font-size:56px;font-weight:950;color:#101010;text-shadow:0 5px 0 #fff,3px 0 #fff,-3px 0 #fff}.hero-v14-copy h1 strong{display:block;font-size:82px;font-weight:950;color:#fff;text-shadow:0 5px 0 #111,4px 0 #111,-4px 0 #111}.hero-v14-copy h1 em{font-style:normal;color:#ffdf00;text-shadow:0 5px 0 #111,4px 0 #111,-4px 0 #111}.hero-v14-copy p{margin:17px 0 0;font-size:20px;font-weight:950}.hero-v14-mascots{position:absolute;left:44%;bottom:-12px;width:410px;height:340px;display:flex;align-items:flex-end;justify-content:center}.hero-v14-mascots img{max-width:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 9px 5px rgba(0,0,0,.13))}.hero-v14-check{position:absolute;right:5px;top:57px;width:185px;background:#fff;padding:17px 18px 16px;box-shadow:0 7px 0 rgba(0,0,0,.12);transform:rotate(-3deg);font-size:17px;font-weight:950}.hero-v14-check span{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #cfd7de}.hero-v14-check b{font-size:21px}
.shortcut-v14{position:relative;z-index:5;margin-top:-14px;padding:13px;background:rgba(255,255,255,.95);border-radius:17px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.shortcut-item{min-height:112px;background:linear-gradient(#fff,#f5f9fc);border:1px solid #edf2f6;border-radius:12px;text-align:center;padding:8px 6px}.shortcut-item img{width:45px;height:45px;object-fit:contain;margin:0 auto 2px}.shortcut-item strong{display:block;font-size:14px}.shortcut-item small{display:block;font-size:10px;color:#52606d;margin-top:3px}
.home-v14{padding:18px 0 30px}.panel-v14{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:16px;margin-bottom:15px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-heading h2{display:flex;align-items:center;gap:7px;margin:0;font-size:26px;letter-spacing:-.04em}.panel-heading h2 img{width:33px;height:33px;object-fit:contain}.panel-heading>a{background:#149fea;color:#fff;border-radius:999px;padding:8px 17px;font-size:12px;font-weight:900}.latest-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.latest-main{display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.main-news-image{height:250px;position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#152f49,#0c6599)}.main-news-image>img{width:100%;height:100%;object-fit:cover}.demo-chatgpt{height:100%;display:grid;place-items:center;color:#fff;font-size:74px;font-weight:950}.demo-chatgpt span{display:block;font-size:20px;letter-spacing:.22em}.new-chip{position:absolute;left:10px;top:10px;background:#ffdf00;border:2px solid #111;border-radius:8px;padding:3px 9px;font-size:12px;font-weight:950}.news-meta{display:flex;gap:9px;align-items:center;margin-top:8px;font-size:11px;color:#788391}.news-meta span{background:#41b9f3;color:#fff;border-radius:999px;padding:3px 9px;font-weight:900}.main-news-card h3{font-size:21px;line-height:1.4;margin:7px 0 4px}.main-news-card p{font-size:12px;color:#5f6974;margin:0}.side-news-list{display:grid;gap:9px}.side-news-card{display:grid;grid-template-columns:112px 1fr;gap:9px;align-items:center}.side-news-thumb{height:79px;border-radius:8px;overflow:hidden;background:#dceaf2;display:grid;place-items:center;font-size:26px;font-weight:900}.side-news-thumb img{width:100%;height:100%;object-fit:cover}.side-news-card h3{font-size:13px;line-height:1.45;margin:4px 0 0}.side-news-card .news-meta{margin:0}.side-news-card .news-meta span{font-size:9px;padding:2px 7px}.ranking-v14{border-left:1px solid #edf1f4;padding-left:15px}.ranking-v14 h2{font-size:20px;margin:0 0 9px}.ranking-v14 ol{list-style:none;counter-reset:rank;margin:0;padding:0}.ranking-v14 li{counter-increment:rank;border-bottom:1px solid #e8edf1;padding:6px 0;position:relative}.ranking-v14 li a{display:grid;grid-template-columns:58px 1fr 10px;gap:8px;align-items:center;padding-left:34px;min-height:55px}.ranking-v14 li:before{content:counter(rank);position:absolute;left:0;top:14px;width:26px;height:26px;border-radius:50%;background:#e5e8ec;display:grid;place-items:center;font-weight:950}.ranking-v14 li:nth-child(1):before{background:#ffe100}.ranking-v14 li:nth-child(2):before{background:#d9dde3}.ranking-v14 li:nth-child(3):before{background:#f0b66c}.rank-mini{height:47px;border-radius:7px;background:#e8f3fa;overflow:hidden;display:grid;place-items:center;font-size:11px}.rank-mini img{width:100%;height:100%;object-fit:cover}.ranking-v14 li b{font-size:11.5px;line-height:1.35}.ranking-v14 i{font-style:normal;color:#168ed4;font-size:20px}
.visual-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.visual-card{display:block}.visual-img{height:160px;border-radius:9px;overflow:hidden;position:relative;background:#ffdf00}.visual-img img{width:100%;height:100%;object-fit:cover}.play-v14{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:#2aa9ee;color:#fff;display:grid;place-items:center;font-size:14px}.visual-card time{font-size:10px;color:#8a949d}.visual-card h3{font-size:14px;margin:2px 0 0}.clock-icon{width:32px;height:32px;border:4px solid #111;border-radius:50%;background:#ffe000;display:grid;place-items:center;font-size:22px}.star-icon{color:#ffe000;text-shadow:0 1px 0 #cfa800}.feature-card{border:1px solid #e3e9ee;border-radius:10px;overflow:hidden}.feature-card .visual-img{border-radius:0;height:125px}.feature-card h3{font-size:17px;padding:8px 12px 0}.feature-card p{font-size:11px;color:#5e6871;padding:0 12px 12px;margin:2px 0}.categories-v14{padding-bottom:13px}.grid-icon{color:#139fe9}.cat-v14-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.cat-v14-grid a{height:68px;border:1px solid #e4ebf0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.cat-v14-grid img{width:30px;height:30px;object-fit:contain}.cat-v14-grid b{font-size:10px;margin-top:2px}.site-footer-v14{background:#111827;color:#fff;padding:30px 0}.footer-v14-top{display:flex;align-items:center;gap:18px}.footer-v14-top img{width:190px;background:#fff;border-radius:7px;padding:3px}.footer-v14-top p{font-size:12px;color:#d2dae4}.footer-v14-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:11px;color:#c8d0da}
.article{width:min(820px,calc(100% - 36px));margin:40px auto}.article h1{font-size:36px}.article-content{font-size:17px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:850px){
 .wrap{width:min(100% - 20px,680px)}.site-header-v14{height:62px}.header-v14-inner{gap:8px}.brand-v14{width:165px;flex-basis:165px}.brand-v14 img{height:52px}.nav-v14{display:none}.search-v14{margin-left:auto;width:38px;height:38px;flex-basis:38px;font-size:23px}.hamb-v14{display:block}
 .hero-v14{height:395px}.hero-v14-copy{left:0;right:0;top:22px;text-align:center}.hero-v14-copy h1 span{font-size:40px}.hero-v14-copy h1 strong{font-size:59px}.hero-v14-copy p{font-size:13px;margin-top:8px}.hero-v14-mascots{left:50%;transform:translateX(-50%);width:320px;height:250px;bottom:-4px}.hero-v14-mascots img{max-height:245px}.hero-v14-check{display:none}.hs2{right:10px}.shortcut-v14{grid-template-columns:repeat(3,1fr);padding:8px;gap:5px;margin-top:-10px}.shortcut-item{min-height:85px;padding:5px}.shortcut-item img{width:35px;height:35px}.shortcut-item strong{font-size:10px}.shortcut-item small{display:none}
 .panel-v14{padding:12px;border-radius:13px}.panel-heading h2{font-size:19px}.panel-heading h2 img{width:28px;height:28px}.panel-heading>a{font-size:9px;padding:6px 10px}.latest-grid{display:block}.latest-main{display:block}.main-news-image{height:210px}.main-news-card h3{font-size:18px}.side-news-list{margin-top:10px}.side-news-card{grid-template-columns:95px 1fr}.side-news-thumb{height:65px}.ranking-v14{border-left:0;border-top:1px solid #edf1f4;margin-top:15px;padding:13px 0 0}.ranking-v14 h2{font-size:18px}.visual-card-grid{grid-template-columns:1fr}.visual-img{height:auto;aspect-ratio:2.1/1}.feature-card .visual-img{height:auto;aspect-ratio:2.45/1}.cat-v14-grid{grid-template-columns:repeat(4,1fr)}.footer-v14-top{display:block}.footer-v14-top p{margin-top:8px}.archive-grid{grid-template-columns:1fr}
}

/* ==========================================================
   v1.5 VISUAL HEADER — rough fidelity pass
   ========================================================== */
.site-header-v15{
  position:sticky;top:0;z-index:1000;height:92px;background:#fff;
  border-bottom:1px solid #e7edf1;
  box-shadow:0 2px 10px rgba(29,58,79,.035)
}
.header-v15-inner{height:100%;display:flex;align-items:center;gap:12px}
.brand-v15{width:236px;flex:0 0 236px;display:flex;align-items:center;height:100%}
.brand-v15 img{width:224px;height:72px;object-fit:contain;object-position:left center}
.nav-v15{
  margin-left:auto;height:100%;display:flex;align-items:stretch;justify-content:flex-end;
  gap:0
}
.nav-v15>a{
  position:relative;width:112px;height:100%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1px;font-weight:900;font-size:12px;
  letter-spacing:-.035em;color:#161b20;transition:.16s ease
}
.nav-v15>a:after{
  content:"";position:absolute;left:21px;right:21px;bottom:0;height:4px;border-radius:4px 4px 0 0;
  background:#ffe000;transform:scaleX(0);transition:.16s ease
}
.nav-v15>a:hover{background:#fbfdfe}.nav-v15>a:hover:after{transform:scaleX(1)}
.nav-art{height:47px;width:58px;display:grid;place-items:center}
.nav-art img{width:47px;height:47px;object-fit:contain}
.nav-label{line-height:1.1;white-space:nowrap}
.search-v15{
  margin-left:9px;width:49px;height:49px;flex:0 0 49px;border-radius:50%;
  background:#ffe000;display:grid;place-items:center;box-shadow:0 3px 0 #e8c900;
  transition:.15s ease
}
.search-v15:hover{transform:translateY(-1px)}
.search-v15 span{width:19px;height:19px;border:3px solid #111;border-radius:50%;position:relative}
.search-v15 span:after{content:"";position:absolute;width:9px;height:3px;background:#111;right:-7px;bottom:-4px;transform:rotate(45deg);border-radius:2px}
.hamb-v15{display:none;border:0;background:transparent;padding:6px}.hamb-v15 i{display:block;width:24px;height:3px;background:#111;border-radius:3px;margin:4px}

/* Make the transition from the polished header into the rough hero feel intentional */
.site-header-v15 + .hero-v14{border-top:0}
@media (min-width:851px) and (max-width:1120px){
  .brand-v15{width:195px;flex-basis:195px}.brand-v15 img{width:188px}
  .nav-v15>a{width:91px;font-size:10.5px}.nav-art{height:42px}.nav-art img{width:41px;height:41px}
  .search-v15{width:43px;height:43px;flex-basis:43px}
}
@media(max-width:850px){
  .site-header-v15{height:66px}.header-v15-inner{gap:8px}
  .brand-v15{width:178px;flex-basis:178px}.brand-v15 img{width:170px;height:56px}
  .nav-v15{display:none}.search-v15{margin-left:auto;width:39px;height:39px;flex-basis:39px;box-shadow:0 2px 0 #e8c900}
  .search-v15 span{width:16px;height:16px;border-width:2.5px}.search-v15 span:after{height:2.5px;width:8px}
  .hamb-v15{display:block}
}

/* ==========================================================
   v1.6 HEADER REBUILD — strong rough fidelity
   ========================================================== */
.site-header-v15{
  height:76px !important;
  background:#fff !important;
  border-bottom:1px solid #e8edf1 !important;
  box-shadow:none !important;
}
.header-v15-inner{
  height:76px !important;
  width:min(1220px,calc(100% - 28px)) !important;
  gap:4px !important;
}
.brand-v15{
  width:250px !important;
  flex:0 0 250px !important;
  height:76px !important;
  padding:0 !important;
}
.brand-v15 img{
  width:242px !important;
  height:70px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.nav-v15{
  height:76px !important;
  margin-left:auto !important;
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
}
.nav-v15>a{
  width:105px !important;
  height:76px !important;
  padding:4px 3px 2px !important;
  gap:0 !important;
  justify-content:center !important;
  font-size:11.5px !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
  border-left:1px solid transparent;
}
.nav-v15>a:hover{
  background:#fffbea !important;
}
.nav-v15>a:after{
  left:18px !important;right:18px !important;bottom:0 !important;
  height:4px !important;background:#ffdd00 !important;
}
.nav-art{
  width:58px !important;
  height:47px !important;
  margin:0 auto -1px !important;
}
.nav-art img{
  width:50px !important;
  height:50px !important;
  object-fit:contain !important;
  transform:scale(1.08);
}
.nav-label{
  font-size:11.5px !important;
  line-height:1 !important;
  color:#111 !important;
}
.search-v15{
  margin-left:10px !important;
  width:46px !important;height:46px !important;flex:0 0 46px !important;
  background:#ffdf00 !important;
  box-shadow:none !important;
  border:2px solid #111 !important;
}
.search-v15 span{
  width:17px !important;height:17px !important;border-width:2.5px !important;
}
.search-v15 span:after{
  width:8px !important;height:2.5px !important;right:-6px !important;bottom:-4px !important;
}

/* Hero begins immediately beneath the tighter header, like the approved rough */
.site-header-v15 + .hero-v14{margin-top:0 !important}

/* Mid-size desktop */
@media (min-width:851px) and (max-width:1180px){
  .header-v15-inner{width:calc(100% - 20px) !important}
  .brand-v15{width:205px !important;flex-basis:205px !important}
  .brand-v15 img{width:198px !important}
  .nav-v15>a{width:88px !important;font-size:10px !important}
  .nav-art{width:46px !important;height:42px !important}
  .nav-art img{width:43px !important;height:43px !important}
  .nav-label{font-size:10px !important}
  .search-v15{width:40px !important;height:40px !important;flex-basis:40px !important;margin-left:5px !important}
}

/* Mobile: preserve the approved brand, simplify controls */
@media(max-width:850px){
  .site-header-v15{height:62px !important}
  .header-v15-inner{height:62px !important;width:calc(100% - 18px) !important}
  .brand-v15{width:176px !important;flex-basis:176px !important;height:62px !important}
  .brand-v15 img{width:170px !important;height:56px !important}
  .nav-v15{display:none !important}
  .search-v15{margin-left:auto !important;width:38px !important;height:38px !important;flex-basis:38px !important;border-width:1.5px !important}
  .hamb-v15{display:block !important}
}

/* v1.7 approved top-page MV */
.top-mv-v17{
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#ffea00;
}
.top-mv-v17 img{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
}
@media (min-width:1921px){
  .top-mv-v17 img{max-width:1920px;}
}
@media (max-width:850px){
  .top-mv-v17{
    overflow:hidden;
    aspect-ratio: 1.55 / 1;
  }
  .top-mv-v17 img{
    width:auto;
    max-width:none;
    height:100%;
    object-fit:cover;
    object-position:50% center;
  }
}

/* v1.8 — MV aligned to the main content column + smaller header nav artwork */
.top-mv-v17{
  width:min(1180px, calc(100% - 32px)) !important;
  margin:18px auto 0 !important;
  border-radius:16px;
  overflow:hidden;
}
.top-mv-v17 img{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
}

/* Header right-side illustrated navigation: slightly smaller */
.nav-v15>a{
  width:98px !important;
}
.nav-art{
  width:50px !important;
  height:41px !important;
}
.nav-art img{
  width:41px !important;
  height:41px !important;
  transform:none !important;
}
.nav-label{
  font-size:10.5px !important;
}
.search-v15{
  width:41px !important;
  height:41px !important;
  flex-basis:41px !important;
}

@media(max-width:850px){
  .top-mv-v17{
    width:calc(100% - 20px) !important;
    margin:10px auto 0 !important;
    border-radius:12px;
    aspect-ratio:auto !important;
  }
  .top-mv-v17 img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    object-fit:contain !important;
  }
  .search-v15{
    width:35px !important;
    height:35px !important;
    flex-basis:35px !important;
  }
}


/* ==========================================================
   v1.9 ARTICLE SYSTEM — v1.8 header is intentionally untouched
   ========================================================== */
.article-shell{width:min(1180px,calc(100% - 32px));margin:22px auto 54px}.article-breadcrumbs{font-size:12px;color:#74808c;margin:0 0 14px}.article-breadcrumbs a{color:#587081}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.article-main{min-width:0;background:#fff;border-radius:14px;padding:28px 30px;box-shadow:var(--shadow)}.article-side{display:grid;gap:16px;position:sticky;top:96px}.article-side .side-card{background:#fff;border-radius:14px;padding:16px;box-shadow:var(--shadow)}.article-side h3{margin:-2px 0 12px;padding:10px 12px;background:#fff3a6;border-radius:8px;font-size:18px}.article-head-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#77818b;font-size:12px}.article-cat{display:inline-flex;background:#169ee9;color:#fff;border-radius:999px;padding:5px 11px;font-weight:900}.article-main>h1{font-size:36px;line-height:1.35;letter-spacing:-.035em;margin:13px 0 10px}.article-lead{color:#52606d;font-size:16px;margin:0 0 18px}.article-eyecatch{overflow:hidden;border-radius:14px;margin:18px 0 20px}.article-eyecatch img{width:100%;height:auto}.article-content{font-size:16px;line-height:1.9}.article-content>h2{position:relative;font-size:27px;line-height:1.45;margin:46px 0 18px;padding:3px 0 8px 54px;border-bottom:4px solid #fff176}.article-content>h2:before{content:counter(saru-h2);counter-increment:saru-h2;position:absolute;left:0;top:-2px;width:42px;height:42px;border-radius:50%;background:#178fe5;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:950}.article-content{counter-reset:saru-h2}.article-content>h3{font-size:21px;border-left:5px solid #159bea;padding-left:12px;margin-top:32px}.article-content p{margin:0 0 18px}.article-content a{color:#087fc5;text-decoration:underline;text-underline-offset:3px}.saru-summary{border:2px solid #ffe171;background:#fffdf3;border-radius:12px;padding:16px 18px;margin:20px 0}.saru-summary h2,.saru-summary h3{font-size:18px!important;margin:0 0 10px!important;padding:0!important;border:0!important}.saru-summary h2:before,.saru-summary h3:before{display:none!important}.saru-summary ol{list-style:none;counter-reset:summary;margin:0;padding:0;display:grid;gap:8px}.saru-summary li{counter-increment:summary;position:relative;padding:8px 10px 8px 42px;background:#fff;border-radius:8px}.saru-summary li:before{content:counter(summary);position:absolute;left:9px;top:8px;width:24px;height:24px;border-radius:50%;background:#ffd800;display:grid;place-items:center;font-size:12px;font-weight:950}.saru-toc{background:#eef8ff;border-radius:12px;padding:17px 19px;margin:20px 0 30px}.saru-toc-title{font-size:18px;font-weight:950;margin-bottom:8px}.saru-toc ol{margin:0;padding-left:22px;columns:2;column-gap:32px}.saru-toc li{break-inside:avoid;margin:6px 0;font-weight:700}.saru-toc li.toc-h3{font-size:13px;font-weight:500;margin-left:12px}.saru-toc a{text-decoration:none;color:#263746}.saru-card-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 26px}.saru-card{border:1px solid #e2ebf1;border-radius:12px;padding:16px!important;background:#f8fcff}.saru-card figure{margin:0 0 10px}.saru-card h3{border:0!important;padding:0!important;margin:6px 0!important;font-size:17px!important}.saru-card p{font-size:13px;line-height:1.65;margin:0}.saru-step{background:#f2f9ff;border-radius:12px;padding:15px 16px 15px 62px!important;position:relative;margin:12px 0!important;min-height:56px}.saru-step:before{content:attr(data-step);position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:50%;background:#168fe4;color:#fff;display:grid;place-items:center;font-weight:950}.saru-step strong{display:block;margin-bottom:2px}.saru-note{border-radius:12px;padding:16px 18px;margin:18px 0;background:#fff8d9;border-left:6px solid #ffd600}.saru-note.is-blue{background:#eef8ff;border-left-color:#159bea}.saru-note.is-red{background:#fff1f1;border-left-color:#ef5b5b}.saru-article-pattern-label{font-size:12px;color:#6b7280}.article-side .widget ul{padding-left:18px}.article-side img{border-radius:8px}.article-footer-nav{display:flex;justify-content:space-between;gap:12px;margin-top:36px;padding-top:22px;border-top:1px solid #e5edf2;font-size:13px;font-weight:800}.article-footer-nav>*{max-width:48%}
@media(max-width:900px){.article-shell{width:min(100% - 20px,720px);margin-top:14px}.article-layout{display:block}.article-main{padding:20px 17px;border-radius:12px}.article-side{position:static;margin-top:18px}.article-main>h1{font-size:27px}.article-content>h2{font-size:23px;padding-left:48px}.saru-toc ol{columns:1}.saru-card-grid{grid-template-columns:1fr}.article-breadcrumbs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* v1.9.1: summary title is UI text, not an article heading / TOC entry */
.saru-summary-title{font-size:18px!important;font-weight:950;margin:0 0 10px!important;padding:0!important}

/* ==========================================================
   v1.10 Automatic article sidebar
   ========================================================== */
.article-side{display:flex;flex-direction:column;gap:18px}.article-side .side-card{margin:0;background:#fff;border:1px solid #e7edf5;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(17,24,39,.05)}.article-side .side-card>h3{margin:0 0 14px;padding:0 0 11px;border-bottom:3px solid #ffd600;font-size:18px;line-height:1.35;color:#111827}.saru-side-posts{list-style:none!important;margin:0!important;padding:0!important}.saru-side-post{position:relative;display:grid;grid-template-columns:78px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f6}.saru-side-post:last-child{border-bottom:0;padding-bottom:0}.saru-side-thumb{display:block;width:78px;height:58px;border-radius:10px;overflow:hidden;background:#eef5ff}.saru-side-thumb img{width:100%;height:100%;object-fit:cover}.saru-thumb-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-weight:900;color:#2563eb;background:#eaf2ff}.saru-side-post-body>a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#1f2937;font-size:13px;font-weight:800;line-height:1.5;text-decoration:none}.saru-side-post-body>a:hover{color:#2563eb}.saru-side-post-body small{display:block;margin-top:5px;color:#94a3b8;font-size:11px}.saru-rank-num{position:absolute;z-index:2;top:7px;left:-7px;display:flex;width:24px;height:24px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;background:#ffd600;color:#111827;font-size:12px;font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.12)}.saru-tools-box{overflow:hidden;background:linear-gradient(145deg,#edf7ff 0%,#fff9d9 100%)!important;border-color:#d9eaff!important}.saru-tools-box .saru-tools-kicker{display:inline-block;margin-bottom:6px;padding:4px 9px;border-radius:999px;background:#2563eb;color:#fff;font-size:11px;font-weight:900}.saru-tools-box>h3{border-bottom:0!important;margin-bottom:5px!important;padding-bottom:0!important;font-size:21px!important}.saru-tools-box>p{margin:0 0 12px;color:#64748b;font-size:13px;line-height:1.7}.saru-tool-links,.saru-feature-links{list-style:none!important;margin:0 0 14px!important;padding:0!important}.saru-tool-links li+li,.saru-feature-links li+li{border-top:1px solid rgba(37,99,235,.1)}.saru-tool-links a,.saru-feature-links a{display:flex;justify-content:space-between;gap:8px;padding:9px 0;color:#1f2937;font-size:13px;font-weight:800;text-decoration:none}.saru-tool-links a span,.saru-feature-links a span{color:#2563eb}.saru-side-cta{display:block;padding:11px 12px;border-radius:10px;background:#2563eb;color:#fff!important;text-align:center;font-size:13px;font-weight:900;text-decoration:none!important}.saru-side-cta:hover{filter:brightness(.94)}.saru-cats ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none!important;margin:0!important;padding:0!important}.saru-cats li{margin:0!important}.saru-cats a{display:block;padding:7px 10px;border:1px solid #dce7f5;border-radius:999px;background:#f8fbff;color:#334155;font-size:12px;font-weight:800;text-decoration:none}.saru-cats a:hover{border-color:#60a5fa;background:#eff6ff;color:#2563eb}.saru-recent .saru-side-post{grid-template-columns:64px 1fr}.saru-recent .saru-side-thumb{width:64px;height:48px}.saru-featured{border-top:4px solid #ffd600!important}.saru-feature-links{margin-bottom:0!important}@media(max-width:900px){.article-side{margin-top:26px}.article-side .side-card{padding:16px}.saru-side-post{grid-template-columns:92px 1fr}.saru-side-thumb{width:92px;height:66px}}

/* ==========================================================
   v1.10.1 Article page UI finishing pass
   ========================================================== */
.article-summary-slot .saru-summary{margin:22px 0 18px}
.article-summary-slot + .saru-toc{margin-top:18px}
.saru-toc{border:1px solid #dcecf8;background:#eff8ff;padding:20px 22px}
.saru-toc-title{display:flex;align-items:center;gap:8px;font-size:19px}.saru-toc-title:before{content:"";width:5px;height:22px;border-radius:9px;background:#159bea}
.saru-toc ol{padding-left:24px;column-gap:40px}.saru-toc li{padding:3px 0}.saru-toc a:hover{color:#159bea}
.article-content>h3{padding:10px 14px;border-left:5px solid #159bea;background:#f3f9fd;border-radius:0 8px 8px 0;line-height:1.45}
.saru-card{box-shadow:0 5px 16px rgba(37,76,106,.06)}.saru-card figure{aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:#edf5fb}.saru-card figure img{width:100%;height:100%;object-fit:cover}
.saru-note strong{font-size:16px}.saru-step{border:1px solid #dcecf8}

.article-side{gap:20px}.article-side .side-card{padding:20px;border-radius:20px}.article-side .side-card>h3{background:#fff3a6;border-bottom:3px solid #ffd600;border-radius:8px;padding:8px 10px;margin:-1px 0 12px;font-size:19px}
.saru-side-post{grid-template-columns:92px 1fr;gap:12px;padding:13px 0}.saru-side-thumb{width:92px;height:66px;border-radius:11px}.saru-side-post-body>a{font-size:13px;line-height:1.5;-webkit-line-clamp:2}.saru-side-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.saru-side-post-body small{margin:0}.saru-mini-cat{display:inline-flex;padding:2px 6px;border-radius:999px;background:#eaf6ff;color:#1586d0;font-size:9px;font-weight:800}.saru-rank-num{top:8px;left:-9px;width:25px;height:25px}
.saru-tools-visual{position:relative;min-height:220px;padding-bottom:64px!important;overflow:hidden}.saru-tools-visual .saru-tools-copy{position:relative;z-index:2;max-width:62%}.saru-tools-visual .saru-tools-copy h3{background:transparent!important;border:0!important;padding:0!important;margin:7px 0 8px!important;font-size:22px!important}.saru-tools-visual .saru-tools-copy p{font-size:12px;line-height:1.65;color:#637083}.saru-tools-mascot{position:absolute;right:-22px;bottom:52px;width:165px;max-height:130px;object-fit:contain;object-position:center}.saru-tools-visual .saru-side-cta{position:absolute;left:20px;right:20px;bottom:20px;margin:0;text-align:center}
.saru-cat-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;margin:0!important;padding:0!important;list-style:none!important}.saru-cat-grid li{margin:0!important}.saru-cat-grid a{min-height:58px;display:flex!important;align-items:center;gap:8px;padding:8px 9px!important;border:1px solid #e3edf4;border-radius:11px;background:#fff;color:#263746!important;font-size:11px!important;font-weight:800!important;line-height:1.3}.saru-cat-grid img{width:30px!important;height:30px!important;object-fit:contain;border-radius:0!important}.saru-cat-fallback{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#eaf2ff;color:#2563eb;font-size:10px;font-weight:900}.saru-cat-grid a:hover{border-color:#9bd6f7;background:#f4fbff}
@media(max-width:900px){.article-summary-slot .saru-summary{margin-top:18px}.saru-tools-visual{min-height:205px}.saru-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saru-side-post{grid-template-columns:96px 1fr}.saru-side-thumb{width:96px;height:68px}}

/* ==========================================================
   v1.11 Article authoring parts
   ========================================================== */
.saru-conclusion{margin:22px 0;padding:20px 22px!important;border:2px solid #ffd600;border-radius:15px;background:linear-gradient(135deg,#fffdf1,#fff9cf)}
.saru-conclusion .saru-part-label{display:inline-block;margin:0 0 8px!important;padding:4px 11px;border-radius:999px;background:#ffd600;font-size:12px;font-weight:950}.saru-conclusion h3{margin:0 0 7px!important;padding:0!important;border:0!important;background:none!important;font-size:21px!important}.saru-conclusion p:last-child{margin-bottom:0}
.saru-pros-cons{gap:14px!important;margin:22px 0}.saru-pros-cons>.wp-block-column{margin:0!important;padding:18px!important;border-radius:14px;border:1px solid #dfe9f1}.saru-pros{background:#effaf5}.saru-cons{background:#fff4f4}.saru-pros-cons h3{margin:-18px -18px 13px!important;padding:10px 14px!important;border:0!important;border-radius:13px 13px 0 0!important;font-size:18px!important}.saru-pros h3{background:#d9f5e8!important;color:#08734a}.saru-cons h3{background:#ffe1e1!important;color:#b42318}.saru-pros-cons ul{margin:0;padding-left:24px}.saru-pros li::marker{color:#10a66a}.saru-cons li::marker{color:#ef5b5b}
.saru-compare-wrap{margin:22px 0;overflow-x:auto}.saru-compare-table{min-width:620px;margin:0!important}.saru-compare-table table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #dce7ef;border-radius:13px}.saru-compare-table th,.saru-compare-table td{padding:12px 13px;border-right:1px solid #e3ebf1;border-bottom:1px solid #e3ebf1;text-align:center}.saru-compare-table th:first-child,.saru-compare-table td:first-child{text-align:left;font-weight:800}.saru-compare-table th{background:#eaf7ff;color:#18364a;font-weight:900}.saru-compare-table th:last-child,.saru-compare-table td:last-child{border-right:0}.saru-compare-table tr:last-child td{border-bottom:0}
.saru-speech{display:grid!important;grid-template-columns:68px 1fr;gap:13px;align-items:start;margin:22px 0!important}.saru-speech-avatar{width:68px!important;height:68px!important;margin:0!important;border-radius:50%;overflow:hidden;background:#fff;border:3px solid #ffd600}.saru-speech-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.saru-speech-body{position:relative;padding:14px 17px!important;border-radius:14px;background:#fff8d8;border:1px solid #f3dd70}.saru-speech-body:before{content:"";position:absolute;left:-9px;top:20px;width:16px;height:16px;background:inherit;border-left:1px solid #f3dd70;border-bottom:1px solid #f3dd70;transform:rotate(45deg)}.saru-speech-robot .saru-speech-avatar{border-color:#60bff0}.saru-speech-robot .saru-speech-body{background:#eef8ff;border-color:#b9def4}.saru-speech-robot .saru-speech-body:before{border-color:#b9def4}.saru-speaker{margin:0 0 3px!important;font-size:12px;color:#64748b}.saru-speech-body p:last-child{margin:0}
.saru-faq{margin:28px 0}.saru-faq-item{margin:12px 0!important;padding:0 18px 16px!important;border:1px solid #dfe8ef;border-radius:13px;background:#fff}.saru-faq-item h3{position:relative;margin:0 -18px 12px!important;padding:13px 16px 13px 48px!important;border:0!important;border-radius:12px 12px 0 0!important;background:#f2f9ff!important;font-size:16px!important}.saru-faq-item h3:before{content:"Q"!important;position:absolute!important;left:14px!important;top:11px!important;width:26px!important;height:26px!important;border-radius:50%!important;background:#159bea!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:950!important}.saru-faq-item p{position:relative;margin:0;padding-left:34px}.saru-faq-item p:before{content:"A";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#ffd600;display:grid;place-items:center;font-size:12px;font-weight:950}
.saru-article-cta{position:relative;overflow:hidden;margin:28px 0;padding:24px 26px!important;border-radius:17px;background:linear-gradient(135deg,#eaf8ff 0%,#fff8c8 100%);border:1px solid #cfe8f7}.saru-cta-kicker{display:inline-block;margin:0 0 7px!important;padding:4px 10px;border-radius:999px;background:#2563eb;color:#fff;font-size:11px}.saru-article-cta h3{margin:0 0 7px!important;padding:0!important;border:0!important;background:none!important;font-size:22px!important}.saru-article-cta p{max-width:620px}.saru-article-cta .wp-block-buttons{margin-top:13px}.saru-article-cta .wp-block-button__link{background:#2563eb!important;color:#fff!important;border-radius:10px!important;padding:11px 22px!important;font-weight:900!important;text-decoration:none!important}
.editor-styles-wrapper .saru-conclusion,.editor-styles-wrapper .saru-pros-cons,.editor-styles-wrapper .saru-compare-wrap,.editor-styles-wrapper .saru-speech,.editor-styles-wrapper .saru-faq,.editor-styles-wrapper .saru-article-cta{max-width:100%}
@media(max-width:700px){.saru-pros-cons{display:block!important}.saru-pros-cons>.wp-block-column+.wp-block-column{margin-top:12px!important}.saru-speech{grid-template-columns:52px 1fr}.saru-speech-avatar{width:52px!important;height:52px!important}.saru-article-cta{padding:20px!important}.saru-article-cta h3{font-size:19px!important}}

/* ==========================================================
   v2.0 CATEGORY / SEARCH / TOOL DIRECTORY / DICTIONARY
   ========================================================== */
.archive-v20,.directory-v20,.article-v20{padding:28px 0 56px}.crumb-v20{font-size:12px;color:#6b7d8b;margin:0 0 16px}.crumb-v20 a{color:#557387}.archive-layout-v20{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.archive-main-v20{min-width:0}.category-hero-v20,.directory-hero-v20,.search-hero-v20{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#fff9d7,#fff3ae);padding:34px 38px;margin-bottom:18px;border:1px solid #f6e8a3}.category-hero-v20>div{position:relative;z-index:2;max-width:58%}.category-hero-v20 span,.directory-hero-v20>span,.search-hero-v20>span,.tool-single-v20 header>span{display:inline-block;background:#159bea;color:#fff;border-radius:999px;padding:6px 15px;font-size:12px;font-weight:900}.category-hero-v20 h1,.directory-hero-v20 h1,.search-hero-v20 h1{font-size:42px;letter-spacing:-.05em;margin:8px 0 7px}.category-hero-v20 p,.directory-hero-v20 p,.search-hero-v20 p{margin:0;line-height:1.75}.category-hero-v20 img{position:absolute;right:18px;bottom:-18px;width:320px;max-height:230px;object-fit:contain}.archive-filter-v20{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 20px}.archive-filter-v20 a{background:#fff;border:1px solid #dce8ef;border-radius:999px;padding:8px 15px;font-size:12px;font-weight:800}.archive-filter-v20 a.active{background:#ffdf00;border-color:#e8c900}.archive-title-v20{display:flex;justify-content:space-between;align-items:end;border-bottom:3px solid #ffdf00;margin:0 0 16px;padding:0 4px 8px}.archive-title-v20 h2{font-size:22px;margin:0}.archive-title-v20 span{font-size:12px;color:#6c7c89}.archive-cards-v20{display:grid;grid-template-columns:1fr 1fr;gap:14px}.archive-card-v20{display:grid;grid-template-columns:155px 1fr;gap:13px;background:#fff;border:1px solid #e3ebf0;border-radius:14px;padding:10px;min-height:145px;box-shadow:0 4px 14px rgba(28,65,91,.04)}.archive-thumb-v20{height:124px;border-radius:10px;background:#e8f3ff;overflow:hidden;display:grid;place-items:center;color:#247be8;font-size:30px}.archive-thumb-v20 img{width:100%;height:100%;object-fit:cover}.archive-meta-v20{display:flex;gap:8px;align-items:center;font-size:10px;color:#7a8994}.archive-meta-v20 span{background:#dff4ff;color:#128bd0;border-radius:999px;padding:2px 7px;font-weight:800}.archive-card-v20 h3{font-size:15px;line-height:1.45;margin:5px 0}.archive-card-v20 p{font-size:11px;color:#667682;margin:0;line-height:1.55}.archive-side-v20{position:sticky;top:100px}.pager-v20{margin:26px 0;text-align:center}.pager-v20 .nav-links{display:flex;justify-content:center;gap:6px}.pager-v20 .page-numbers{min-width:34px;height:34px;padding:0 9px;border-radius:50%;background:#fff;border:1px solid #dce6ed;display:grid;place-items:center;font-size:12px;font-weight:800}.pager-v20 .current{background:#ffdf00;border-color:#ffdf00}.search-hero-v20{background:linear-gradient(135deg,#e8f7ff,#fff)}.saru-search-form{display:flex;gap:8px;margin-top:18px;max-width:650px}.saru-search-form input{flex:1;min-width:0;border:2px solid #dce8ef;background:#fff;border-radius:12px;padding:13px 15px;font:inherit}.saru-search-form button,.blue-btn-v20{border:0;background:#176eea;color:#fff;border-radius:11px;padding:12px 22px;font-weight:900;display:inline-flex;justify-content:center;align-items:center}.directory-hero-v20{background:linear-gradient(135deg,#eaf8ff,#fff7cb)}.directory-hero-v20.glossary{background:linear-gradient(135deg,#fff6bd,#f4fbff)}.tool-grid-v20{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card-v20{background:#fff;border:1px solid #e1eaf0;border-radius:17px;padding:16px;box-shadow:var(--shadow)}.tool-card-v20>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:11px}.tool-card-v20 h2{font-size:20px;margin:12px 0 6px}.tool-card-v20 p{font-size:12px;color:#647480;min-height:55px}.tool-card-v20 dl{margin:12px 0}.tool-card-v20 dl div{display:grid;grid-template-columns:72px 1fr;border-top:1px solid #edf1f4;padding:7px 0;font-size:11px}.tool-card-v20 dt{font-weight:900}.tool-card-v20 dd{margin:0}.tool-card-v20 .blue-btn-v20{width:100%}.tool-single-v20,.glossary-single-v20{max-width:900px;margin:auto;background:#fff;border-radius:20px;padding:34px;box-shadow:var(--shadow)}.tool-single-v20 h1,.glossary-single-v20 h1{font-size:40px;letter-spacing:-.04em;margin:9px 0}.tool-hero-img-v20{width:100%;border-radius:15px;margin:22px 0}.tool-spec-v20{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e3eaf0;border-radius:14px;overflow:hidden;margin:20px 0}.tool-spec-v20>div{padding:14px;border-right:1px solid #e3eaf0}.tool-spec-v20>div:last-child{border:0}.tool-spec-v20 b,.tool-spec-v20 span{display:block}.tool-spec-v20 b{font-size:11px;color:#6a7a87}.tool-spec-v20 span{font-weight:800;margin-top:3px}.article-content-v20{font-size:16px;line-height:1.9}.tool-official-v20{margin-top:22px}.letter-nav-v20{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.letter-nav-v20 a{width:34px;height:34px;border-radius:8px;background:#fff;border:1px solid #dce7ed;display:grid;place-items:center;font-size:12px;font-weight:900}.glossary-list-v20{display:grid;grid-template-columns:1fr 1fr;gap:10px}.glossary-list-v20 article a{background:#fff;border:1px solid #e1e9ee;border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:130px 1fr 18px;gap:10px;align-items:center}.glossary-list-v20 b{font-size:15px}.glossary-list-v20 span{font-size:11px;color:#657581}.glossary-list-v20 i{font-size:22px;color:#168fd5;font-style:normal}.dictionary-chip-v20{display:inline-block;background:#ffdf00;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:900}.glossary-answer-v20{background:#fff8d8;border:2px solid #ffdf00;border-radius:14px;padding:17px 20px;margin:20px 0}.glossary-answer-v20 b{font-size:13px}.glossary-answer-v20 p{font-size:18px;font-weight:700;margin:5px 0 0}.notfound-v20{padding:70px 0}.notfound-card-v20{max-width:720px;margin:auto;background:#fff;border-radius:22px;text-align:center;padding:48px;box-shadow:var(--shadow)}.notfound-code-v20{font-size:80px;font-weight:950;color:#159bea;line-height:1}.notfound-card-v20 .saru-search-form{margin:22px auto}.notfound-card-v20 .blue-btn-v20{margin-top:6px}
@media(max-width:1000px){.archive-layout-v20{grid-template-columns:1fr}.archive-side-v20{position:static}.tool-grid-v20{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.archive-v20,.directory-v20,.article-v20{padding-top:15px}.category-hero-v20,.directory-hero-v20,.search-hero-v20{padding:24px 20px}.category-hero-v20>div{max-width:100%}.category-hero-v20 h1,.directory-hero-v20 h1,.search-hero-v20 h1{font-size:31px}.category-hero-v20 img{opacity:.16;right:-55px;width:260px}.archive-cards-v20{grid-template-columns:1fr}.archive-card-v20{grid-template-columns:120px 1fr}.archive-thumb-v20{height:105px}.archive-card-v20 p{display:none}.tool-grid-v20,.glossary-list-v20{grid-template-columns:1fr}.tool-single-v20,.glossary-single-v20{padding:22px 17px;border-radius:15px}.tool-single-v20 h1,.glossary-single-v20 h1{font-size:31px}.tool-spec-v20{grid-template-columns:1fr 1fr}.tool-spec-v20>div:nth-child(2){border-right:0}.tool-spec-v20>div{border-bottom:1px solid #e3eaf0}.glossary-list-v20 article a{grid-template-columns:100px 1fr 12px}.notfound-card-v20{padding:32px 18px}}


/* ===== v2.1 AI tools comparison/detail ===== */
.tool-compare-page-v21,.tool-detail-page-v21{padding:24px 0 58px}.tool-compare-hero-v21,.tool-detail-hero-v21{position:relative;min-height:260px;overflow:hidden;border:1px solid #dcebf3;border-radius:20px;background:linear-gradient(135deg,#dff8ff 0%,#efffff 50%,#fff7c9 100%);padding:34px 38px;margin-bottom:16px}.tool-compare-hero-v21>div,.tool-detail-hero-v21>div{position:relative;z-index:2;max-width:60%}.tool-compare-hero-v21>div>span,.tool-detail-hero-v21>div>span{display:inline-block;padding:6px 14px;border-radius:999px;background:#138fe8;color:#fff;font-size:12px;font-weight:900}.tool-compare-hero-v21 h1,.tool-detail-hero-v21 h1{font-size:44px;line-height:1.1;letter-spacing:-.05em;margin:12px 0 10px}.tool-detail-hero-v21 h1 small{font-size:.48em}.tool-compare-hero-v21 p,.tool-detail-hero-v21 p{font-size:16px;line-height:1.75;margin:0}.tool-compare-hero-v21>img,.tool-detail-hero-v21>img{position:absolute;right:12px;bottom:-24px;width:355px;max-height:255px;object-fit:contain}.tool-filter-v21,.detail-nav-v21{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.tool-filter-v21 a,.detail-nav-v21 a{padding:9px 18px;border:1px solid #dce8ef;border-radius:999px;background:#fff;color:#334155;font-size:12px;font-weight:900;text-decoration:none}.tool-filter-v21 a.active{background:#ffd600;border-color:#ffd600}.tool-section-v21,.tool-detail-section-v21{margin:0 0 28px}.tool-section-v21>h2,.tool-detail-section-v21>h2{font-size:23px;margin:0 0 13px;padding-bottom:9px;border-bottom:3px solid #ffd600}.tool-table-scroll-v21{overflow:auto;border:1px solid #dfe8ee;border-radius:15px;background:#fff}.tool-table-v21{width:100%;min-width:850px;border-collapse:collapse}.tool-table-v21 th{background:#eef8fd;font-size:12px;padding:12px 10px}.tool-table-v21 td{border-top:1px solid #e8eef2;padding:13px 10px;font-size:12px;vertical-align:middle}.tool-name-v21{display:grid;grid-template-columns:44px 1fr;column-gap:9px;align-items:center;color:#172033;text-decoration:none}.tool-name-v21 .tool-logo-v21{grid-row:1/3;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#10b9a3,#087e8b);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:950}.tool-name-v21 b{font-size:14px}.tool-name-v21 small{color:#64748b}.yes-v21{color:#00a56a;font-weight:900}.purpose-v21{display:flex;flex-wrap:wrap;gap:4px}.purpose-v21 span{background:#e8f5ff;color:#1376c5;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.mini-btn-v21{display:inline-block;white-space:nowrap;background:#1688ed;color:#fff!important;border-radius:999px;padding:8px 12px;text-decoration:none;font-weight:900}.purpose-grid-v21{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.purpose-grid-v21 a{display:flex;min-height:95px;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #dce8ef;border-radius:14px;background:linear-gradient(145deg,#f6fbff,#fff);text-decoration:none}.purpose-grid-v21 b{color:#1476d3;font-size:14px}.purpose-grid-v21 span{margin-top:5px;color:#64748b;font-size:11px}.data-note-v21{color:#718096;font-size:11px}.tool-badges-v21{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.tool-badges-v21 i{font-style:normal;background:#fff;border:1px solid #dce8ef;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.detail-nav-v21{position:sticky;top:76px;z-index:4;padding:8px;background:rgba(245,250,253,.94);backdrop-filter:blur(8px);border-radius:14px}.tool-basic-card-v21{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:22px;border:1px solid #e1eaf0;border-radius:16px;background:#fff}.tool-big-logo-v21{width:100px;height:100px;border-radius:22px;background:linear-gradient(135deg,#10b9a3,#087e8b);display:grid;place-items:center;color:#fff;font-size:46px;font-weight:950}.tool-basic-card-v21 h3{font-size:25px;margin:0 0 5px}.tool-basic-card-v21>div>p{color:#64748b}.tool-basic-card-v21 dl{margin:14px 0}.tool-basic-card-v21 dl div{display:grid;grid-template-columns:110px 1fr;padding:8px 0;border-top:1px solid #edf1f4}.tool-basic-card-v21 dt{font-weight:900}.tool-basic-card-v21 dd{margin:0}.feature-grid-v21{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature-grid-v21>div{min-height:105px;padding:17px;border:1px solid #e2eaf0;border-radius:14px;background:linear-gradient(145deg,#f0f9ff,#fff)}.feature-grid-v21 b,.feature-grid-v21 span{display:block}.feature-grid-v21 b{font-size:15px}.feature-grid-v21 span{margin-top:7px;color:#64748b;font-size:12px;line-height:1.6}.plan-grid-v21{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-grid-v21>div{padding:20px;border:1px solid #dfe8ef;border-radius:15px;background:#fff}.plan-grid-v21 h3{margin:0 0 10px}.plan-grid-v21 strong{font-size:22px}.plan-grid-v21 p{font-size:12px;color:#64748b}.related-grid-v21{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related-grid-v21 a{display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid #e1e9ee;border-radius:12px;background:#fff;text-decoration:none}.related-grid-v21 span{font-size:11px;color:#94a3b8}
@media(max-width:900px){.tool-compare-hero-v21>div,.tool-detail-hero-v21>div{max-width:100%}.tool-compare-hero-v21>img,.tool-detail-hero-v21>img{opacity:.18;right:-60px}.purpose-grid-v21{grid-template-columns:repeat(2,1fr)}.feature-grid-v21,.plan-grid-v21,.related-grid-v21{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tool-compare-hero-v21,.tool-detail-hero-v21{min-height:220px;padding:25px 20px}.tool-compare-hero-v21 h1,.tool-detail-hero-v21 h1{font-size:33px}.tool-basic-card-v21{grid-template-columns:1fr}.tool-big-logo-v21{width:74px;height:74px}.feature-grid-v21,.plan-grid-v21,.related-grid-v21{grid-template-columns:1fr}.purpose-grid-v21{grid-template-columns:1fr 1fr}.detail-nav-v21{position:static}}


/* v2.1.1 comparison MV + AI logos */
.tool-compare-hero-v211{position:relative;display:grid;grid-template-columns:42% 58%;min-height:330px;overflow:hidden;border:1px solid #dcebf3;border-radius:20px;background:linear-gradient(135deg,#e9f8ff 0%,#dff5ff 44%,#eaf9ff 100%);margin-bottom:18px}
.tool-compare-copy-v211{position:relative;z-index:3;padding:34px 10px 32px 28px}.tool-compare-copy-v211>span{display:inline-block;padding:7px 16px;border-radius:999px;background:#138fe8;color:#fff;font-size:13px;font-weight:900}.tool-compare-copy-v211 h1{margin:14px 0 12px;color:#0f1b30;font-size:48px;line-height:1.02;letter-spacing:-.055em}.tool-compare-copy-v211 p{margin:0;color:#1f2937;font-size:16px;font-weight:700;line-height:1.75}
.tool-compare-visual-v211{position:relative;min-height:330px;background:radial-gradient(circle at 62% 38%,rgba(255,255,255,.85),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.05),rgba(61,176,255,.13))}.tool-compare-visual-v211>img{position:absolute;z-index:2;left:8%;right:0;bottom:38px;width:88%;height:225px;object-fit:contain;object-position:center bottom}.bubble-v211{position:absolute;z-index:4;top:18px;padding:12px 19px;border:2px solid #ffd100;border-radius:30px;background:#fff6b7;color:#152033;font-size:13px;font-weight:950;line-height:1.35;text-align:center;box-shadow:0 5px 12px rgba(15,40,70,.08)}.bubble-monkey-v211{left:5%}.bubble-robot-v211{right:3%;border-color:#7bc4ff;background:#fff}.hero-brand-row-v211{position:absolute;z-index:5;left:5%;right:4%;bottom:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.hero-brand-row-v211 b{height:52px;display:grid;place-items:center;border:1px solid #e2edf4;border-radius:11px;background:#fff;color:#138fe8;font-size:25px;box-shadow:0 4px 10px rgba(20,80,120,.08)}
.tool-logo-v21{background:transparent!important}.tool-logo-img-v211{display:block;width:100%;height:100%;object-fit:contain}.tool-logo-fallback-v211{display:grid;width:100%;height:100%;place-items:center;border-radius:inherit;background:#fff;color:#111;font-size:22px;font-weight:950}.tool-logo-chatgpt{background:#10a37f;color:#fff}.tool-logo-claude{background:#e87950;color:#fff}.tool-logo-gemini{background:linear-gradient(135deg,#4d8cff,#e05de9);color:#fff}.tool-logo-microsoft-copilot{background:linear-gradient(135deg,#20c5e8,#7656e8,#ff5a8a);color:#fff}.tool-logo-notion-ai{border:2px solid #111}.tool-logo-midjourney{color:#173b75}
.tool-big-logo-v211{width:100px;height:100px;border:1px solid #e1eaf0;border-radius:22px;background:#fff;display:grid;place-items:center;overflow:hidden;padding:10px}.tool-big-logo-v211 .tool-logo-fallback-v211{font-size:45px}
@media(max-width:900px){.tool-compare-hero-v211{grid-template-columns:1fr;min-height:560px}.tool-compare-copy-v211{padding:28px 24px 10px}.tool-compare-copy-v211 h1{font-size:42px}.tool-compare-visual-v211{min-height:285px}.tool-compare-visual-v211>img{height:185px}.bubble-v211{font-size:11px}.hero-brand-row-v211 b{height:44px}}
@media(max-width:600px){.tool-compare-hero-v211{min-height:520px}.tool-compare-copy-v211 h1{font-size:36px}.tool-compare-copy-v211 p{font-size:14px}.tool-compare-visual-v211{min-height:250px}.tool-compare-visual-v211>img{left:0;width:100%;height:155px}.hero-brand-row-v211{gap:4px}.hero-brand-row-v211 b{height:38px;font-size:18px}.bubble-v211{top:4px;padding:8px 10px}.tool-big-logo-v211{width:82px;height:82px}}
/* v2.1.3 approved AI tools MV: use the approved rough itself, no regeneration */
.tool-compare-hero-approved-v213{margin:0 0 18px;border-radius:20px;overflow:hidden;background:#eaf8ff;line-height:0}
.tool-compare-hero-approved-v213 img{display:block;width:100%;height:auto}
@media(max-width:600px){.tool-compare-hero-approved-v213{border-radius:14px}}

/* v2.1.4 */
.tool-logo-bundled-v214{background:#fff;border-radius:12px;padding:3px;box-sizing:border-box}.tool-big-logo-v211 .tool-logo-bundled-v214{padding:6px;border-radius:16px}

/* v2.1.5 supplied AI logo assets */
.tool-logo-img-v211.tool-logo-bundled-v214{width:64px;height:64px;object-fit:contain;object-position:center;display:block;}
.tool-hero-logo-v211 .tool-logo-img-v211.tool-logo-bundled-v214{width:96px;height:96px;}
@media(max-width:700px){.tool-logo-img-v211.tool-logo-bundled-v214{width:52px;height:52px}.tool-hero-logo-v211 .tool-logo-img-v211.tool-logo-bundled-v214{width:76px;height:76px}}

/* v2.1.6 approved AI tool detail hero */
.tool-detail-hero-v216{position:relative;display:grid;grid-template-columns:46% 54%;min-height:300px;overflow:hidden;margin-bottom:16px;border:1px solid #cfe9ea;border-radius:20px;background:linear-gradient(120deg,#dcfbf8 0%,#e8fff9 52%,#d9fbf3 100%)}
.tool-detail-copy-v216{position:relative;z-index:3;padding:28px 10px 24px 28px}.tool-detail-kicker-v216{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:#08a99a;color:#fff;font-size:12px;font-weight:950}.tool-detail-title-row-v216{display:flex;align-items:center;gap:14px;margin:12px 0 9px}.tool-detail-title-row-v216 h1{margin:0;color:#101a2c;font-size:43px;line-height:1;letter-spacing:-.045em}.tool-company-v216{margin-top:5px;font-size:17px;font-weight:900;color:#172033}.tool-hero-logo-v216{flex:0 0 78px;width:78px;height:78px;display:grid;place-items:center;overflow:hidden;border-radius:15px;background:#fff;box-shadow:0 4px 12px rgba(20,80,100,.08)}.tool-hero-logo-v216 .tool-logo-img-v211{width:70px!important;height:70px!important;object-fit:contain}.tool-detail-copy-v216>p{max-width:430px;margin:0;color:#1e293b;font-size:15px;font-weight:700;line-height:1.75}.tool-badges-v216{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.tool-badges-v216 i{font-style:normal;padding:6px 11px;border:1px solid #bfe7df;border-radius:999px;background:rgba(255,255,255,.94);font-size:11px;font-weight:900;color:#253244}
.tool-detail-visual-v216{position:relative;min-height:300px;background:radial-gradient(circle at 55% 55%,rgba(255,255,255,.8),transparent 37%)}.tool-detail-visual-v216:before,.tool-detail-visual-v216:after{content:"✦";position:absolute;z-index:1;color:#ffd000;font-size:34px}.tool-detail-visual-v216:before{left:12%;top:115px}.tool-detail-visual-v216:after{right:9%;top:135px}.tool-detail-visual-v216>img{position:absolute;z-index:2;left:50%;bottom:-3px;width:270px;height:255px;object-fit:contain;object-position:center bottom;transform:translateX(-50%)}.tool-bubble-v216{position:absolute;z-index:4;top:20px;padding:10px 15px;border:2px solid #12a99e;border-radius:28px;background:#fff;color:#172033;font-size:12px;font-weight:950;line-height:1.4;text-align:center;box-shadow:0 5px 12px rgba(15,70,80,.08)}.tool-bubble-a-v216{left:4%}.tool-bubble-b-v216{right:4%}.tool-bubble-v216:after{content:"";position:absolute;bottom:-9px;width:15px;height:15px;background:#fff;border-right:2px solid #12a99e;border-bottom:2px solid #12a99e;transform:rotate(45deg)}.tool-bubble-a-v216:after{right:28px}.tool-bubble-b-v216:after{left:28px}
@media(max-width:900px){.tool-detail-hero-v216{grid-template-columns:1fr;min-height:540px}.tool-detail-copy-v216{padding:25px 22px 5px}.tool-detail-copy-v216>p{max-width:100%}.tool-detail-visual-v216{min-height:265px}.tool-detail-visual-v216>img{height:220px}.tool-bubble-v216{top:8px}}
@media(max-width:600px){.tool-detail-hero-v216{min-height:505px;border-radius:14px}.tool-detail-title-row-v216 h1{font-size:34px}.tool-company-v216{font-size:14px}.tool-hero-logo-v216{flex-basis:64px;width:64px;height:64px}.tool-hero-logo-v216 .tool-logo-img-v211{width:58px!important;height:58px!important}.tool-detail-copy-v216>p{font-size:13px}.tool-detail-visual-v216{min-height:235px}.tool-detail-visual-v216>img{width:235px;height:205px}.tool-bubble-v216{font-size:10px;padding:8px 10px}.tool-bubble-a-v216{left:2%}.tool-bubble-b-v216{right:2%}}
/* v2.1.7 AI tool detail hero: approved high-resolution mascot asset */
.tool-detail-visual-v216>img{left:50%;bottom:-2px;width:390px;height:275px;object-fit:contain;object-position:center bottom;transform:translateX(-50%)}
@media(max-width:900px){.tool-detail-visual-v216>img{width:360px;height:235px}}
@media(max-width:600px){.tool-detail-visual-v216>img{width:300px;height:210px}}

/* ==========================================================
   v2.1.9 AI tool feature cards + pricing cards fidelity pass
   ========================================================== */
.tool-features-v219 h2,.tool-plans-v219 h2{display:flex;align-items:center;gap:10px}.section-mark-v219{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0aa88f;color:#fff;font-size:17px;font-weight:950}.feature-grid-v219{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.feature-card-v219{min-height:174px;padding:18px 12px 15px;border:1px solid rgba(15,23,42,.06);border-radius:13px;text-align:center;box-shadow:0 5px 15px rgba(30,70,90,.035)}.feature-card-v219 .feature-icon-v219{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 10px;border-radius:12px;background:rgba(255,255,255,.7);font-size:31px;line-height:1}.feature-card-v219 b{display:block;color:#101827;font-size:14px;font-weight:950;line-height:1.35}.feature-card-v219 p{margin:8px 0 0;color:#445269;font-size:11px;line-height:1.55}.feature-blue{background:linear-gradient(160deg,#e9f7ff,#f5fbff)}.feature-orange{background:linear-gradient(160deg,#fff0e6,#fff8f3)}.feature-green{background:linear-gradient(160deg,#e5fbef,#f5fff9)}.feature-purple{background:linear-gradient(160deg,#eee8ff,#faf8ff)}.feature-yellow{background:linear-gradient(160deg,#fff1cf,#fffaf0)}.feature-pink{background:linear-gradient(160deg,#ffe8f0,#fff6f9)}
.plan-grid-v219{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card-v219{overflow:hidden;min-height:245px;border:1px solid #dbe5ec;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(30,70,90,.04)}.plan-head-v219{padding:13px 17px 12px}.plan-head-v219 span{display:block;margin-bottom:2px;color:#64748b;font-size:10px;font-weight:900}.plan-head-v219 h3{margin:0!important;color:#101827;font-size:18px}.plan-card-v219>strong{display:block;padding:15px 18px 12px;color:#101827;font-size:27px;line-height:1.15}.plan-card-v219 ul{list-style:none;margin:0!important;padding:2px 18px 18px!important}.plan-card-v219 li{position:relative;margin:8px 0!important;padding-left:21px;color:#334155;font-size:12px;line-height:1.5}.plan-card-v219 li:before{content:"✓";position:absolute;left:0;top:0;color:#0aaa61;font-weight:950}.plan-free .plan-head-v219{background:#f1f5f9}.plan-plus .plan-head-v219{background:linear-gradient(90deg,#e8f5ff,#d9efff)}.plan-team .plan-head-v219{background:linear-gradient(90deg,#fff5c8,#fff0a4)}.plan-note-v219{margin:10px 2px 0;color:#7a8798;font-size:10px;line-height:1.55}
@media(max-width:1100px){.feature-grid-v219{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.feature-grid-v219{grid-template-columns:repeat(2,1fr)}.feature-card-v219{min-height:160px}.plan-grid-v219{grid-template-columns:1fr}.plan-card-v219{min-height:0}.plan-card-v219>strong{font-size:25px}}

/* v2.1.12 fixed 9-field pricing cards */
.plan-head-v219 h3{font-size:20px!important}.plan-head-v219 h3+.plan-head-v219 span{}.plan-head-v219 span{margin-top:4px;margin-bottom:0}.plan-yen-v2112{margin:-7px 18px 7px!important;color:#64748b!important;font-size:11px!important;font-weight:700}.plan-card-v219 ul{padding-top:5px!important}

/* ==========================================================
   v2.2.0 AI glossary — approved simple dictionary UI
   ========================================================== */
.glossary-v220,.glossary-single-page-v220{padding-bottom:55px}.glossary-hero-v220{position:relative;display:grid;grid-template-columns:31% 52% 17%;align-items:center;min-height:220px;margin:12px 0 26px;padding:24px 28px;overflow:hidden;border:1px solid #f5e8b5;border-radius:20px;background:linear-gradient(110deg,#fff7cf,#fffdf0 62%,#fff3b7)}.glossary-kicker-v220{display:inline-block;padding:7px 14px;border-radius:999px;background:#ffc800;color:#fff;font-size:12px;font-weight:900}.glossary-hero-v220 h1{margin:9px 0 7px;font-size:44px;letter-spacing:-.04em}.glossary-hero-v220 h1 em{font-style:normal;color:#1688ef}.glossary-hero-v220 p{margin:0;color:#344054;font-size:13px;line-height:1.75}.glossary-search-v220{position:relative;z-index:2}.glossary-search-v220 form{display:flex;gap:8px;padding:7px;border:1px solid #cbd5e1;border-radius:18px;background:#fff}.glossary-search-v220 label{display:flex;align-items:center;flex:1;gap:8px;padding-left:10px;font-size:25px}.glossary-search-v220 input{width:100%;border:0;outline:0;font-size:13px}.glossary-search-v220 button{min-width:90px;border:0;border-radius:13px;background:#ffc800;font-weight:950}.glossary-search-v220 small{display:block;margin-top:12px;color:#596579;font-size:10px}.glossary-hero-icon-v220{font-size:82px;text-align:center}.glossary-hero-icon-v220 span{position:absolute;right:26px;top:24px;font-size:31px}.glossary-section-title-v220{display:flex;align-items:center;justify-content:space-between;margin:23px 2px 10px}.glossary-section-title-v220 h2{margin:0!important;border:0!important;padding:0!important;font-size:22px!important}.glossary-section-title-v220 span{font-size:11px;color:#667085}.popular-terms-v220{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.popular-terms-v220 a{position:relative;min-height:135px;padding:16px;border:1px solid #dde7ee;border-radius:13px;background:#fff;color:#172033;text-decoration:none}.popular-terms-v220 b{font-size:15px}.popular-terms-v220 p{margin:8px 0 0;color:#526176;font-size:10px;line-height:1.55}.popular-terms-v220 i{position:absolute;right:12px;bottom:11px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#ffd000;font-style:normal}.glossary-cats-v220{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.glossary-cats-v220 span{display:flex;justify-content:space-between;padding:17px 18px;border:1px solid #dfe9f0;border-radius:13px;background:linear-gradient(120deg,#f1f9ff,#fff)}.glossary-cats-v220 small{color:#8290a4}.glossary-index-v220{display:flex;gap:7px;flex-wrap:wrap;padding:13px;border:1px solid #dde7ee;border-radius:13px;background:#fff}.glossary-index-v220 a{display:grid;min-width:32px;height:32px;place-items:center;border-radius:7px;background:#f0f5f9;color:#445269;text-decoration:none;font-size:11px;font-weight:900}.glossary-index-v220 a.on{background:#ffd000;color:#111}.glossary-list-v220{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.glossary-list-v220>a{display:flex;align-items:center;gap:12px;min-height:74px;padding:12px 14px;border:1px solid #dde7ee;border-radius:12px;background:#fff;color:#172033;text-decoration:none}.glossary-list-v220>a>i{display:grid;flex:0 0 34px;height:34px;place-items:center;border-radius:9px;background:#edf5ff;color:#2675ef;font-style:normal;font-weight:950}.glossary-list-v220>a span{min-width:0;flex:1}.glossary-list-v220>a b,.glossary-list-v220>a small{display:block}.glossary-list-v220>a small{margin-top:3px;color:#65758b;font-size:9px;line-height:1.4}.glossary-list-v220>a strong{color:#f4b900}.glossary-empty-v220{grid-column:1/-1;padding:25px;text-align:center;color:#667085}
.glossary-single-grid-v220{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.glossary-single-grid-v220>article{min-width:0}.glossary-term-head-v220{display:flex;gap:22px;align-items:center;padding:26px;border:1px solid #e1e9ef;border-radius:18px;background:#fff}.term-icon-v220{display:grid;flex:0 0 92px;height:92px;place-items:center;border-radius:18px;background:linear-gradient(145deg,#e8f5ff,#d9efff);color:#148be8;font-size:42px;font-weight:950}.term-cat-v220{display:inline-block;padding:5px 9px;border-radius:999px;background:#e6fbf2;color:#079b70;font-size:10px;font-weight:900}.glossary-term-head-v220 h1{margin:5px 0 0;font-size:44px;line-height:1}.term-reading-v220{margin:6px 0;color:#63738a;font-size:12px}.term-reading-v220 i{font-style:normal;color:#b1bbc8}.glossary-term-head-v220 h2{margin:14px 0 0!important;border:0!important;padding:0!important;font-size:19px!important}.three-lines-v220{margin-top:14px;padding:18px 22px;border:1px solid #dff0e8;border-radius:15px;background:linear-gradient(110deg,#f0fff8,#f8fffc)}.three-lines-v220 h2{margin:0 0 10px!important;border:0!important;padding:0!important;font-size:18px!important}.three-lines-v220 p{display:flex;align-items:flex-start;gap:10px;margin:7px 0;color:#334155;font-size:12px;line-height:1.55}.three-lines-v220 p b{display:grid;flex:0 0 24px;height:24px;place-items:center;border-radius:50%;background:#0aaa83;color:#fff}.glossary-explain-v220{margin-top:14px;padding:24px;border:1px solid #e1e9ef;border-radius:15px;background:#fff}.glossary-explain-v220>h2,.related-terms-v220>h2{margin:0 0 14px!important;padding:0 0 10px!important;border:0!important;border-bottom:3px solid #ffd000!important;font-size:23px!important}.related-terms-v220{margin-top:14px;padding:20px 24px;border:1px solid #e1e9ef;border-radius:15px;background:#fff}.related-terms-v220 div{display:flex;gap:8px;flex-wrap:wrap}.related-terms-v220 a{padding:7px 12px;border:1px solid #d7e2eb;border-radius:999px;color:#26354a;text-decoration:none;font-size:11px;font-weight:800}.glossary-side-v220 section{margin-bottom:14px;padding:16px;border:1px solid #e1e9ef;border-radius:15px;background:#fff}.glossary-side-v220 h3{margin:0 0 10px;font-size:15px}.glossary-side-v220 a,.glossary-side-v220 span{display:block;padding:8px 9px;border-radius:8px;color:#42516a;text-decoration:none;font-size:11px}.glossary-side-v220 a:first-of-type{background:#edf4ff;color:#1767e8;font-weight:900}.glossary-side-v220 a b,.glossary-side-v220 a small{display:block}.glossary-side-v220 a small{margin-top:3px;color:#7a8798;font-size:9px;line-height:1.4}.glossary-side-v220 section+section a{border-top:1px solid #edf1f5;border-radius:0}.glossary-side-v220 section+section a:first-of-type{background:none;color:#42516a}
@media(max-width:1000px){.popular-terms-v220{grid-template-columns:repeat(3,1fr)}.glossary-list-v220{grid-template-columns:repeat(2,1fr)}.glossary-hero-v220{grid-template-columns:1fr}.glossary-hero-icon-v220{display:none}.glossary-search-v220{margin-top:18px}.glossary-single-grid-v220{grid-template-columns:1fr}.glossary-side-v220{display:none}}
@media(max-width:650px){.glossary-hero-v220{padding:20px}.glossary-hero-v220 h1{font-size:35px}.glossary-search-v220 form{display:grid}.glossary-search-v220 button{height:40px}.popular-terms-v220,.glossary-cats-v220,.glossary-list-v220{grid-template-columns:1fr}.glossary-term-head-v220{align-items:flex-start;padding:20px}.term-icon-v220{flex-basis:62px;height:62px;font-size:28px}.glossary-term-head-v220 h1{font-size:34px}}

/* ==========================================================
   v2.2.2 glossary visual fidelity + readability fixes
   ========================================================== */
.glossary-hero-v220{grid-template-columns:minmax(0,1fr) 300px;min-height:300px;padding:30px 34px;background:linear-gradient(110deg,#fff7cf 0%,#fffdf0 66%,#fff0a9 100%)}
.glossary-hero-copy-v221{position:relative;z-index:2;max-width:760px}
.glossary-hero-v220 h1{font-size:54px;margin:13px 0 8px}
.glossary-hero-v220 p{font-size:15px;line-height:1.8;font-weight:600}
.glossary-search-v220{margin-top:18px}
.glossary-search-v220 form{max-width:720px;padding:8px;border-radius:17px}
.glossary-search-v220 input{font-size:14px}
.glossary-search-v220 button{min-width:100px;font-size:14px}
.glossary-search-v220 small{font-size:11px;line-height:1.7}
.glossary-hero-visual-v221{align-self:stretch;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.glossary-hero-visual-v221 img{width:270px;height:245px;object-fit:cover;object-position:center;border-radius:24px;mix-blend-mode:multiply}
.popular-terms-v220 p{font-size:14px;line-height:1.65}
.glossary-list-v220>a small{font-size:13px;line-height:1.55}
.three-lines-v220 p{font-size:16px;line-height:1.7;margin:10px 0}
.three-lines-v220 p b{flex-basis:28px;height:28px;font-size:14px}
@media(max-width:1000px){.glossary-hero-v220{grid-template-columns:1fr 230px}.glossary-hero-visual-v221 img{width:220px;height:210px}}
@media(max-width:700px){.glossary-hero-v220{grid-template-columns:1fr;padding:22px}.glossary-hero-v220 h1{font-size:38px}.glossary-hero-visual-v221{display:none}.popular-terms-v220 p{font-size:13px}.glossary-list-v220>a small{font-size:12px}.three-lines-v220 p{font-size:15px}}

/* ==========================================================
   v2.2.2 glossary fidelity pass
   ========================================================== */
.glossary-hero-v220{grid-template-columns:minmax(0,1fr) 340px;min-height:310px;padding:28px 34px;background:linear-gradient(120deg,#fff7c9 0%,#fff8cf 48%,#ffef9f 100%)}
.glossary-hero-copy-v221{max-width:none}
.glossary-hero-v220 h1{font-size:56px;line-height:1.05;margin:14px 0 10px}
.glossary-search-v220 form{max-width:none}
.glossary-hero-visual-v221{position:relative;align-items:center;justify-content:center;overflow:visible}
.glossary-hero-visual-v221 img{width:330px;height:270px;object-fit:contain;object-position:center;border-radius:0;mix-blend-mode:multiply}
.glossary-cats-v220 span{position:relative;align-items:center;min-height:64px;padding:16px 18px 16px 54px;font-size:15px;font-weight:900;overflow:hidden}
.glossary-cats-v220 span::before{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:24px}
.glossary-cats-v220 span:nth-child(7n+1){background:#edf8ff}.glossary-cats-v220 span:nth-child(7n+1)::before{content:'📘'}
.glossary-cats-v220 span:nth-child(7n+2){background:#fff0f1}.glossary-cats-v220 span:nth-child(7n+2)::before{content:'⚙️'}
.glossary-cats-v220 span:nth-child(7n+3){background:#edfbf2}.glossary-cats-v220 span:nth-child(7n+3)::before{content:'</>' ;color:#00a66a;font-size:18px;font-weight:950}
.glossary-cats-v220 span:nth-child(7n+4){background:#f5efff}.glossary-cats-v220 span:nth-child(7n+4)::before{content:'💬'}
.glossary-cats-v220 span:nth-child(7n+5){background:#fff7dc}.glossary-cats-v220 span:nth-child(7n+5)::before{content:'💼'}
.glossary-cats-v220 span:nth-child(7n+6){background:#f4efff}.glossary-cats-v220 span:nth-child(7n+6)::before{content:'🗄️'}
.glossary-cats-v220 span:nth-child(7n){background:#edf8ff}.glossary-cats-v220 span:nth-child(7n)::before{content:'🖼️'}
.glossary-cats-v220 small{font-size:12px;font-weight:800}
.glossary-side-v220 .glossary-side-related-v222 h3{font-size:20px;margin-bottom:12px}
.glossary-side-v220 .glossary-side-related-v222 a{padding:13px 10px}
.glossary-side-v220 .glossary-side-related-v222 a b{font-size:16px;line-height:1.35;color:#172033}
.glossary-side-v220 .glossary-side-related-v222 a small{margin-top:5px;font-size:12px;line-height:1.55}
@media(max-width:1000px){.glossary-hero-v220{grid-template-columns:1fr 250px}.glossary-hero-visual-v221 img{width:245px;height:220px}}
@media(max-width:700px){.glossary-hero-v220{grid-template-columns:1fr}.glossary-cats-v220 span{min-height:58px}.glossary-hero-visual-v221{display:none}}


/* =========================================================
   v2.2.4 glossary MV approved-layout lock
   Only the glossary hero is adjusted here.
   ========================================================= */
.glossary-hero-v220{
  grid-template-columns:minmax(0,1fr) 390px;
  min-height:318px;
  padding:28px 34px;
  background:linear-gradient(110deg,#fff8c9 0%,#fff7c6 56%,#ffeda0 100%);
  border:1px solid #f1dd82;
  border-radius:22px;
  overflow:hidden;
}
.glossary-hero-copy-v221{z-index:2;max-width:none;padding-right:4px}
.glossary-kicker-v220{font-size:13px;padding:8px 17px}
.glossary-hero-v220 h1{font-size:56px;line-height:1.03;margin:14px 0 11px;letter-spacing:-.055em}
.glossary-hero-v220 p{font-size:15px;line-height:1.75;font-weight:700;margin:0}
.glossary-search-v220{margin-top:18px}
.glossary-search-v220 form{max-width:none;padding:7px 8px 7px 16px;border-radius:17px;background:#fff}
.glossary-search-v220 label{font-size:15px}
.glossary-search-v220 input{font-size:14px}
.glossary-search-v220 button{min-width:104px;height:42px;border-radius:14px;font-size:14px}
.glossary-search-v220 small{font-size:11px;line-height:1.6;margin-top:8px}
.glossary-hero-visual-v221{
  position:relative;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  overflow:hidden;
  margin:-28px -34px -28px 0;
}
.glossary-hero-visual-v221 img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  mix-blend-mode:normal;
  display:block;
}
@media(max-width:1100px){
 .glossary-hero-v220{grid-template-columns:minmax(0,1fr) 315px}
 .glossary-hero-v220 h1{font-size:49px}
}
@media(max-width:800px){
 .glossary-hero-v220{grid-template-columns:1fr;padding:22px;min-height:0}
 .glossary-hero-visual-v221{display:none}
 .glossary-hero-v220 h1{font-size:40px}
}

/* =========================================================
   v2.2.4 glossary MV mascot lock
   Uses an exact pixel crop from the approved rough. No regeneration.
   ========================================================= */
.glossary-hero-v220{
  grid-template-columns:minmax(0,1fr) 350px;
}
.glossary-hero-visual-v221{
  margin:-28px -12px -28px 0;
  overflow:visible;
  align-items:flex-end;
  justify-content:flex-end;
}
.glossary-hero-visual-v221 img{
  width:340px;
  height:auto;
  max-width:100%;
  object-fit:contain;
  object-position:right bottom;
  mix-blend-mode:multiply;
}
@media(max-width:1000px){
 .glossary-hero-v220{grid-template-columns:minmax(0,1fr) 270px}
 .glossary-hero-visual-v221 img{width:260px;height:auto}
}
@media(max-width:700px){.glossary-hero-visual-v221{display:none}}

/* =========================================================
   v2.2.5 glossary MV final mascot asset
   Approved full-books mascot. Preserve the full illustration without cropping.
   ========================================================= */
.glossary-hero-v220{grid-template-columns:minmax(0,1fr) 390px}
.glossary-hero-visual-v221{
  margin:-18px -8px -18px 0;
  overflow:visible;
  align-items:center;
  justify-content:flex-end;
}
.glossary-hero-visual-v221 img{
  width:380px;
  height:auto;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:normal;
  display:block;
}
@media(max-width:1100px){
 .glossary-hero-v220{grid-template-columns:minmax(0,1fr) 320px}
 .glossary-hero-visual-v221 img{width:310px;height:auto}
}
@media(max-width:800px){.glossary-hero-visual-v221{display:none}}