/* Blog */
  .blog-hd{padding:80px 0 24px}
  .blog-search{position:relative;margin-top:14px}
  .blog-search input{width:100%;padding:16px 18px 16px 48px;border:1px solid var(--line);border-radius:14px;background:#fff;font:inherit;font-size:14px;outline:none;transition:border .12s}
  .blog-search input:focus{border-color:var(--ind)}
  .blog-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--soft)}
  .blog-tabs{display:flex;gap:8px;margin-top:22px;margin-bottom:38px}
  .blog-tabs .tab{padding:8px 16px;border:1px solid var(--line);background:#fff;border-radius:99px;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .12s}
  .blog-tabs .tab.on{background:var(--grad);color:#fff;border-color:transparent}
  .blog-tabs .tab:hover:not(.on){border-color:var(--ink-2);color:var(--ink-2)}
  .blog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
  .post-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:all .25s}
  .post-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -16px rgba(67,56,202,.16);border-color:#d4c8b8}
  .post-card .thumb{aspect-ratio:16/10;background:var(--grad-soft);display:flex;align-items:center;justify-content:center;color:var(--ind);position:relative}
  .post-card .thumb svg{width:50%;height:50%;opacity:.45}
  .post-card.feat .thumb{background:var(--grad);color:rgba(255,255,255,.5)}
  .post-card .pbody{padding:20px 22px 24px}
  .post-card .pmeta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--soft);font-weight:600;letter-spacing:.04em}
  .post-card .pmeta .ptag{padding:3px 8px;border-radius:99px;background:var(--grad-soft);color:var(--ind);letter-spacing:0}
  .post-card .ptitle{font-size:16px;font-weight:800;letter-spacing:-0.015em;margin-top:10px;line-height:1.3}
  .post-card .pexcerpt{font-size:13px;color:var(--muted);line-height:1.6;margin-top:8px}
  .post-card.feat{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}
  .post-card.feat .thumb{aspect-ratio:auto}
  .post-card.feat .pbody{padding:36px}
  .post-card.feat .ptitle{font-size:26px;line-height:1.15}
  .post-card.feat .pexcerpt{font-size:14px;margin-top:12px}

  /* Help / FAQ */
  .help-hd{padding:80px 0 24px}
  .help-grid{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start}
  .faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:8px;overflow:hidden}
  .faq-item summary{padding:18px 22px;font-size:15px;font-weight:600;letter-spacing:-0.01em;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item summary::after{content:"+";font-size:20px;color:var(--soft);transition:transform .2s}
  .faq-item[open] summary::after{transform:rotate(45deg)}
  .faq-item .ans{padding:0 22px 22px;font-size:14px;line-height:1.7;color:var(--muted)}
  .help-side{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;position:sticky;top:80px}
  .help-side h4{font-size:14px;font-weight:800;letter-spacing:-0.01em}
  .help-side p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.6}
  .help-side .contact-mail{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:700;color:var(--ind);background:var(--paper);display:flex;align-items:center;gap:10px}
  .help-cats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:28px;margin-bottom:48px}
  .help-cat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
  .help-cat .hi{width:32px;height:32px;border-radius:9px;background:var(--grad-soft);color:var(--ind);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .help-cat .hi svg{width:16px;height:16px}
  .help-cat h5{font-size:14px;font-weight:800;letter-spacing:-0.01em;margin-bottom:6px}
  .help-cat ul li{font-size:12.5px;color:var(--muted);padding:4px 0;line-height:1.5}

  /* Post detail */
  .post-detail{padding:52px 0 96px}
  .post-detail .wrap,.post-detail .wrap-sm{max-width:1080px}
  .post-detail .crumb{font-size:13px;color:var(--soft);margin-bottom:20px;font-weight:500}
  .post-detail .crumb a{color:var(--ind)}
  .post-detail .tag{display:inline-block;padding:4px 10px;border-radius:99px;background:var(--grad-soft);color:var(--ind);font-size:11px;font-weight:700;letter-spacing:.04em}
  .post-detail h1,.post-detail h2{font-size:42px;font-weight:800;letter-spacing:-0.03em;line-height:1.08;margin-top:14px}
  .post-detail .pinfo{display:flex;gap:12px;margin-top:18px;font-size:13px;color:var(--soft)}
  .post-detail .hero-img,
  .post-detail .post-hero,
  .post-detail #post-thumb-wrap,
  .post-detail .wrap > div[style*="margin-top:40px"]{margin-top:40px;margin-bottom:56px;max-width:1040px}
  .post-detail .hero-img{aspect-ratio:16/9;background:var(--grad);border-radius:18px}
  .post-detail .post-hero img,
  .post-detail #post-thumb-img,
  .post-detail #post-thumb-wrap img,
  .post-detail .wrap > div[style*="margin-top:40px"] > img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:18px;background:#F8FAFC;display:block}
  .post-detail .content{margin-top:48px;font-size:18px;line-height:1.85;color:#020617;max-width:1040px;word-break:keep-all;overflow-wrap:break-word}
  .post-detail .content p{margin-bottom:24px}
  .post-detail .content h2{font-size:28px;font-weight:800;letter-spacing:0;margin:48px 0 16px;color:var(--ink);line-height:1.35}
  .post-detail .content h3{font-size:22px;font-weight:800;letter-spacing:0;margin:36px 0 14px;color:var(--ink);line-height:1.4}
  .post-detail .content h4{font-size:18px;font-weight:700;margin:28px 0 12px;color:var(--ink)}
  .post-detail .content a{color:var(--ind);text-decoration:underline;text-underline-offset:3px}
  .post-detail .content strong{font-weight:700;color:var(--ink)}
  .post-detail .content ul{list-style:disc outside!important;margin:0 0 24px 1.35em!important;padding:0!important}
  .post-detail .content ol{list-style:decimal outside!important;margin:0 0 24px 1.35em!important;padding:0!important}
  .post-detail .content li{display:list-item!important;margin:0 0 8px;line-height:1.75;padding-left:.2em}
  .post-detail .content li::marker{color:#6B7280;font-size:.9em}
  .post-detail .content li p{margin:0}
  .post-detail .content blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid #8B5CF6;background:var(--paper-2);border-radius:0 14px 14px 0;font-style:italic;font-weight:400;font-size:18px;color:var(--ink-2);line-height:1.6}
  .post-detail .content .cf-callout{border-radius:12px;padding:16px 20px;margin:24px 0}
  .post-detail .content .cf-callout p{margin:0}
  .post-detail .content .cf-callout[data-callout="indigo"]{background:#E0E7FF}
  .post-detail .content .cf-callout[data-callout="violet"]{background:#EDE9FE}
  .post-detail .content .cf-callout[data-callout="yellow"]{background:#FEF9C3}
  .post-detail .content .cf-callout[data-callout="blue"]{background:#DBEAFE}
  .post-detail .content .cf-callout[data-callout="green"]{background:#DCFCE7}
  .post-detail .content .cf-callout[data-callout="red"]{background:#FEE2E2}
  .post-detail .content .cf-callout[data-callout="gray"]{background:#F3F4F6}
  .post-detail .content hr{border:none;border-top:1px solid var(--line);margin:32px 0}
  .post-detail .content .tableWrapper{width:100%;overflow-x:auto;margin:28px 0}
  .post-detail .content .tableWrapper > table{margin:0}
  .post-detail .content table{width:100%;max-width:none;border-collapse:collapse;font-size:15px;margin:28px 0;border:1px solid #E5E7EB;background:#fff;table-layout:fixed}
  .post-detail .content th{background:#F3F4F6;color:#111827;padding:10px 12px;min-width:64px;text-align:left;font-weight:700;border:1px solid #E5E7EB;vertical-align:middle;overflow-wrap:anywhere}
  .post-detail .content td{padding:10px 12px;min-width:64px;border:1px solid #E5E7EB;vertical-align:middle;overflow-wrap:anywhere}
  .post-detail .content td p,.post-detail .content th p{margin:0}
  .post-detail .content table[data-density="tight"] td,.post-detail .content table[data-density="tight"] th{padding:4px 8px!important;min-width:40px!important}
  .post-detail .content table[data-density="wide"] td,.post-detail .content table[data-density="wide"] th{padding:18px 20px!important}
  @media (max-width:768px){
    .post-detail .content .tableWrapper{width:100%;max-width:100%;overflow-x:visible;margin:24px 0}
    .post-detail .content .tableWrapper > table{margin:0}
    .post-detail .content table{width:100%!important;min-width:0!important;max-width:100%!important;display:table!important;border:1px solid #E5E7EB!important;background:#fff!important;table-layout:fixed!important;font-size:14px}
    .post-detail .content colgroup,.post-detail .content col{width:auto!important;min-width:0!important}
    .post-detail .content thead{display:table-header-group!important}
    .post-detail .content tbody{display:table-row-group!important}
    .post-detail .content tr{display:table-row!important}
    .post-detail .content th,.post-detail .content td{display:table-cell!important;width:auto!important;min-width:0!important;white-space:normal!important;padding:10px 8px!important;line-height:1.55;vertical-align:middle;word-break:keep-all;overflow-wrap:anywhere}
  }
  .post-nav{margin-top:64px;padding-top:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between}
  .post-nav a{font-size:13px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px}
  .post-nav a:hover{color:var(--ind)}

  /* SCREEN routing */
  .screen{display:none}
  .screen.on{display:block}