/*src:442ec9ded0ec38d9cea3308efaa03be2*/:root{--paper:#ffffff;--wash:#f6fbfc;--wash2:#eaf4f6;--ink:#0b2029;--body:#3a5563;--dim:#6b8996;--faint:#9ab2bd;--line:#e0ebef;--line2:#eff6f8;--teal-50:#f0fdfa;--teal-100:#ccfbf1;--teal-200:#99f6e4;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--cyan-500:#06b6d4;--cyan-600:#0891b2;--blue:#2563eb;--link:#1657c4;--sale:#e11d48;--star:#f59e0b;--grad:linear-gradient(135deg,#0d9488 0%,#06b6d4 50%,#2563eb 100%);--sans:'Inter',"Segoe UI",system-ui,-apple-system,sans-serif;--display:'Plus Jakarta Sans','Inter',"Segoe UI",system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,Consolas,monospace;--shadow:0 1px 3px rgba(11,32,41,.05),0 8px 24px -14px rgba(13,148,136,.2);--shadow-lg:0 18px 40px -18px rgba(11,32,41,.2),0 6px 16px -8px rgba(13,148,136,.18);--r:14px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--sans);color:var(--body);background:var(--paper);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:2px solid var(--cyan-500);outline-offset:3px;border-radius:4px}h1,h2,h3,h4{font-family:var(--display);color:var(--ink);letter-spacing:-.025em;line-height:1.25}.wrap{max-width:1420px;margin:0 auto;padding:0 24px}.wrap.narrow{max-width:820px}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:12px 20px;z-index:200;border-radius:0 0 8px 0}.skip-link:focus{left:0}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.head-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:70px}.logo{display:flex;align-items:center;gap:11px;flex:none}.logo-mark{width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 4px 14px rgba(13,148,136,.32)}.logo-text{font-family:var(--display);font-weight:800;font-size:1.05rem;letter-spacing:-.035em;color:var(--ink);line-height:1.15}.logo-text b{font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-text small{display:block;font-family:var(--sans);font-size:.63rem;font-weight:600;color:var(--teal-600);letter-spacing:.09em;text-transform:uppercase;margin-top:1px}.main-nav{display:flex;gap:2px}.main-nav a{padding:8px 13px;border-radius:9px;font-size:.92rem;font-weight:600;color:var(--dim);transition:.18s;white-space:nowrap}.main-nav a:hover{color:var(--teal-700);background:var(--teal-50)}.main-nav a.active{color:var(--teal-700);background:var(--teal-50)}.head-right{display:flex;align-items:center;gap:10px;justify-self:end}.search-box{position:relative;display:flex;align-items:center;width:100%;max-width:340px;justify-self:center}.search-box .material-symbols-outlined{position:absolute;left:12px;font-size:19px;color:var(--faint)}.search-box input{width:100%;padding:9px 16px 9px 38px;border-radius:999px;border:1px solid var(--line);background:var(--wash);font-family:var(--sans);font-size:.9rem;color:var(--ink);transition:.2s}.search-box input:focus{outline:none;border-color:var(--teal-500);background:#fff;box-shadow:0 0 0 3px rgba(20,184,166,.12)}.btn-shop{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:999px;background:var(--grad);color:#fff;font-family:var(--display);font-weight:700;font-size:.88rem;box-shadow:0 4px 14px rgba(13,148,136,.3);transition:.2s}.btn-shop:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(6,182,212,.42)}.btn-shop .material-symbols-outlined{font-size:18px}.nav-toggle{display:none;padding:8px;border-radius:9px;color:var(--ink)}.hero{padding:76px 0 56px;text-align:center;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:-140px -10% auto -10%;height:560px;z-index:-1;background:radial-gradient(560px 360px at 20% 30%,rgba(6,182,212,.13),transparent 68%),radial-gradient(580px 380px at 80% 42%,rgba(20,184,166,.14),transparent 68%),radial-gradient(620px 400px at 50% 96%,rgba(59,130,246,.08),transparent 70%)}.glass-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.9);border:1px solid var(--teal-200);padding:8px 18px;border-radius:999px;color:var(--teal-700);font-weight:700;font-size:.85rem;box-shadow:0 4px 15px rgba(6,182,212,.15)}.hero h1{font-size:clamp(34px,5.4vw,56px);margin:22px auto 16px;letter-spacing:-.04em;line-height:1.12;text-wrap:balance}.hero .tagline{font-size:1.18rem;color:var(--dim);max-width:640px;margin:0 auto 34px}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:9px;padding:14px 30px;border-radius:999px;font-family:var(--display);font-weight:700;font-size:1rem;transition:.22s}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px -8px rgba(13,148,136,.55)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px rgba(6,182,212,.6)}.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:#fff}.btn-ghost:hover{border-color:var(--teal-500);color:var(--teal-700);background:var(--teal-50)}.btn-ghost.small{padding:10px 20px;font-size:.85rem}.learn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:54px;text-align:left}.learn-item{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid var(--teal-100);border-radius:18px;padding:22px 20px;box-shadow:var(--shadow);transition:.3s cubic-bezier(.16,1,.3,1)}.learn-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--teal-200)}.learn-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ccfbf1,#e0f2fe);color:var(--teal-700);margin-bottom:13px}.learn-item h3{font-size:1.02rem;margin-bottom:5px;letter-spacing:-.025em}.learn-item p{font-size:.88rem;color:var(--dim);line-height:1.55}.topics{padding:52px 0 0}.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;flex-wrap:wrap}.eyebrow{color:var(--teal-600);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em}.sec-head h2{font-size:2.1rem;margin-top:6px;letter-spacing:-.034em}.sec-head .sub{margin-top:7px;color:var(--dim);font-size:1rem}.sec-head .count{font-size:.88rem;color:var(--faint);font-weight:600;padding-bottom:4px}.listing{padding:56px 24px 60px}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:28px}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:28px}.card{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-radius:24px;border:1px solid var(--teal-100);padding:22px;box-shadow:var(--shadow);transition:.34s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--teal-200)}.card .thumb{height:168px;border-radius:18px;margin-bottom:18px;position:relative;overflow:hidden;border:1px solid var(--teal-200);display:grid;place-items:center;background:linear-gradient(135deg,#ccfbf1 0%,#e0f2fe 55%,#f0fdfa 100%)}.card .thumb svg{color:var(--teal-700);opacity:.85}.card .thumb.b{background:linear-gradient(135deg,#dbeafe 0%,#ccfbf1 100%)}.card .thumb.b svg{color:#0284c7}.card .thumb.c{background:linear-gradient(135deg,#f0fdfa 0%,#dbeafe 100%)}.card .thumb.has-img{padding:0}.card .thumb img{width:100%;height:100%;object-fit:cover}.card .thumb .chip{position:absolute;top:12px;right:12px;background:#fff;padding:5px 12px;border-radius:999px;font-size:.72rem;font-weight:800;color:var(--teal-700);border:1px solid var(--teal-200);letter-spacing:.02em}.card .kicker{font-size:.8rem;color:var(--cyan-600);font-weight:700;margin-bottom:7px}.card h3{font-size:1.22rem;line-height:1.3;margin-bottom:9px;letter-spacing:-.028em}.card h3 a:hover{color:var(--teal-700)}.card p{color:var(--dim);font-size:.91rem;margin-bottom:20px;flex-grow:1;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.9em}.card .foot{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--teal-100)}.card .meta{font-size:.78rem;color:var(--faint);font-weight:600}.read{font-family:var(--display);font-weight:700;font-size:.88rem;color:var(--teal-600);display:inline-flex;align-items:center;gap:6px;transition:.2s}.card:hover .read{gap:10px}.cover-ph{display:grid;place-items:center;aspect-ratio:1200/630;color:#fff;font-family:var(--mono);font-size:2rem;font-weight:500}.ph-v1{background:linear-gradient(140deg,#0f766e,#14b8a6)}.ph-v2{background:linear-gradient(140deg,#0e7490,#22d3ee)}.ph-v3{background:linear-gradient(140deg,#1d4ed8,#3b82f6)}.ph-v4{background:linear-gradient(140deg,#047857,#10b981)}.ph-v5{background:linear-gradient(140deg,#3730a3,#6366f1)}.ph-v6{background:linear-gradient(140deg,#0369a1,#38bdf8)}.empty{text-align:center;padding:60px 20px;color:var(--dim)}.empty .material-symbols-outlined{font-size:44px;color:var(--faint)}.empty a{color:var(--link);font-weight:600}.pagination{display:flex;gap:7px;justify-content:center;margin-top:40px}.pagination a,.pagination .current{min-width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-weight:700;font-size:.92rem;border:1px solid var(--line)}.pagination a:hover{border-color:var(--teal-500);color:var(--teal-700);background:var(--teal-50)}.pagination .current{background:var(--grad);color:#fff;border-color:transparent}.crumbs{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding-top:22px;font-size:.86rem;color:var(--faint)}.crumbs a{color:var(--dim);font-weight:600}.crumbs a:hover{color:var(--teal-700)}.crumbs .here{color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}.post-head{padding:26px 24px 30px}.post-cat{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:var(--grad);padding:5px 13px;border-radius:999px;box-shadow:0 4px 12px rgba(13,148,136,.3)}.post-head h1{font-size:clamp(30px,4.4vw,46px);margin:18px 0 14px;letter-spacing:-.038em;line-height:1.12;text-wrap:balance}.post-lede{font-size:1.15rem;color:var(--dim);line-height:1.65}.post-meta{display:flex;gap:9px 20px;flex-wrap:wrap;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:.88rem;color:var(--faint);font-weight:600}.post-meta .by{display:inline-flex;align-items:center;gap:9px;color:var(--ink)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:.86rem}.avatar.lg{width:52px;height:52px;font-size:1.3rem;flex:none}.level{padding:3px 11px;border-radius:999px;font-size:.76rem;border:1px solid var(--line)}.lvl-beginner{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.lvl-intermediate{color:#0369a1;background:#eff6ff;border-color:#bfdbfe}.lvl-advanced{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.post-hero{width:100%;border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--shadow-lg);margin-bottom:10px}.post-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start;padding-top:34px;padding-bottom:20px;max-width:1260px}.post-layout .post-main{max-width:760px}.post-layout:has(> .post-main:only-child){grid-template-columns:minmax(0,1fr);justify-items:center}.toc-col{position:sticky;top:96px}.toc{border-left:2px solid var(--line);padding-left:18px}.toc h2{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin-bottom:12px}.toc ol{list-style:none;display:grid;gap:2px;counter-reset:toc}.toc a{display:block;padding:6px 0;font-size:.88rem;color:var(--dim);line-height:1.45;transition:.16s}.toc a:hover{color:var(--teal-700)}.toc a.on{color:var(--teal-700);font-weight:700}.post-body{font-size:1.06rem;line-height:1.78;color:#31505f}.post-body > * + *{margin-top:1.15em}.post-body h2{font-size:1.72rem;margin-top:2.2em;margin-bottom:.1em;letter-spacing:-.032em;scroll-margin-top:92px}.post-body h3{font-size:1.24rem;margin-top:1.8em;margin-bottom:.1em;letter-spacing:-.025em}.post-body p strong{color:var(--ink);font-weight:700}.post-body a{color:var(--link);font-weight:600;border-bottom:1px solid rgba(22,87,196,.28)}.post-body a:hover{border-bottom-color:var(--link);background:#eff6ff}.post-body ul,.post-body ol{padding-left:1.35em}.post-body li + li{margin-top:.5em}.post-body li::marker{color:var(--teal-600);font-weight:700}.post-body em{color:var(--dim)}.post-body code{font-family:var(--mono);font-size:.88em;background:var(--wash2);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:#0f766e}.post-body kbd{font-family:var(--mono);font-size:.82em;background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 7px}.post-body pre{position:relative;background:#0b2029;color:#d8e6ec;border-radius:12px;padding:20px 22px;overflow-x:auto;font-family:var(--mono);font-size:.88rem;line-height:1.72;box-shadow:0 10px 26px -14px rgba(11,32,41,.55)}.post-body pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.copy-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.1);color:#cfe3ea;border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:4px 11px;font-size:.75rem;font-weight:600;font-family:var(--sans);opacity:0;transition:.18s}.post-body pre:hover .copy-btn,.copy-btn:focus{opacity:1}.copy-btn:hover{background:rgba(255,255,255,.2)}.post-body table{width:100%;border-collapse:collapse;font-size:.95rem;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:block;overflow-x:auto}.post-body thead{background:var(--wash)}.post-body th,.post-body td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line2)}.post-body th{font-family:var(--display);font-weight:700;color:var(--ink);font-size:.88rem}.post-body tbody tr:last-child td{border-bottom:none}.post-body tbody tr:hover{background:var(--wash)}.buy-cta{margin-top:3em;border:1px solid var(--teal-200);border-radius:18px;background:linear-gradient(135deg,#f0fdfa,#eff6ff);padding:30px 32px;box-shadow:var(--shadow)}.cta-tag{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-700)}.buy-cta h3{font-size:1.4rem;margin:9px 0 10px;letter-spacing:-.03em}.buy-cta p{color:var(--body);font-size:.98rem}.cta-price{display:flex;align-items:baseline;gap:12px;margin:18px 0 16px}.cta-old{color:var(--faint);text-decoration:line-through;font-size:.95rem;font-weight:600}.cta-price strong{font-family:var(--display);font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--sale)}.cta-btn{display:inline-flex;align-items:center;padding:13px 26px;border-radius:999px;background:var(--grad);color:#fff;font-family:var(--display);font-weight:700;box-shadow:0 8px 22px -8px rgba(13,148,136,.55);transition:.2s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(6,182,212,.6)}.cta-note{margin-top:14px;font-size:.86rem;color:var(--faint)}.faq{margin-top:3.2em}.faq h2{font-size:1.72rem;margin-bottom:20px;letter-spacing:-.032em}.faq details{border:1px solid var(--line);border-radius:12px;background:var(--paper);margin-bottom:10px;transition:.2s}.faq details[open]{border-color:var(--teal-200);box-shadow:var(--shadow)}.faq summary{cursor:pointer;padding:16px 20px;font-family:var(--display);font-weight:700;color:var(--ink);font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:1.4rem;color:var(--teal-600);font-weight:400;line-height:1;flex:none;transition:transform .2s}.faq details[open] summary::after{content:"\2212"}.faq summary:hover{color:var(--teal-700)}.faq-a{padding:0 20px 18px;color:var(--body);font-size:.99rem;line-height:1.7}.author-box{margin-top:3em;display:flex;gap:20px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;background:var(--wash)}.author-box h2{font-size:1.1rem;margin-bottom:6px}.author-box p{font-size:.95rem;color:var(--dim);margin-bottom:10px}.author-box a{color:var(--link);font-weight:600;font-size:.93rem}.related{padding:56px 24px 70px;border-top:1px solid var(--line);margin-top:56px}.related h2{font-size:1.6rem;margin-bottom:26px;letter-spacing:-.032em}.not-found{padding:90px 24px 120px;text-align:center}.not-found h1{font-size:2.2rem;margin-bottom:12px}.not-found a{color:var(--link);font-weight:600}.site-footer{background:var(--wash);border-top:1px solid var(--line);padding:52px 0 26px}.foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:38px}.foot-about p{font-size:.93rem;color:var(--dim);margin:14px 0 16px;max-width:38ch}.foot-mail{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;padding:9px 17px;border-radius:999px;font-weight:700;font-size:.86rem;font-family:var(--display);box-shadow:0 4px 14px rgba(13,148,136,.3);transition:.2s}.foot-mail:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(6,182,212,.4)}.foot-mail .material-symbols-outlined{font-size:17px}.site-footer h4{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin-bottom:15px}.site-footer ul{list-style:none;display:grid;gap:9px}.site-footer ul a{font-size:.93rem;color:var(--dim)}.site-footer ul a:hover{color:var(--teal-700)}.foot-bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.86rem;color:var(--faint)}@media (max-width:1040px){.post-layout{grid-template-columns:minmax(0,1fr);gap:0}.toc-col{position:static;margin-bottom:30px}.toc{border-left:none;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--wash)}.foot-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (max-width:1080px){.head-row{grid-template-columns:auto 1fr auto;gap:14px}.search-box{max-width:240px}}@media (max-width:860px){body{font-size:16px}.head-row{grid-template-columns:auto 1fr}.search-box{grid-column:1 / -1;grid-row:2;max-width:none;margin-bottom:12px}.site-header .head-row{height:auto;padding-top:12px}.search-in-nav .site-header .head-row{padding-top:0;height:62px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 24px;flex-direction:column;gap:2px;box-shadow:var(--shadow-lg);z-index:110}.main-nav.open{display:flex}.nav-toggle{display:grid;place-items:center}.btn-shop-label{display:none}.btn-shop{padding:0;width:38px;height:38px;justify-content:center;border-radius:11px;box-shadow:0 3px 10px rgba(6,182,212,.3)}.btn-shop .material-symbols-outlined{font-size:20px}.nav-toggle{padding:6px}.search-in-nav .search-box{grid-column:auto;grid-row:auto;margin-bottom:0}.main-nav .search-box{max-width:none;width:100%;margin:2px 0 10px;padding-bottom:12px;border-bottom:1px solid var(--line2)}.main-nav .search-box .search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:52vh}.main-nav .search-results a{white-space:normal;padding:10px 11px;font-size:1rem;font-weight:400;border-radius:10px}.main-nav .search-results a:hover{background:var(--teal-50)}.main-nav .sr-title{font-size:.93rem;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.main-nav .sr-meta{font-size:.77rem}.main-nav .sr-all{font-size:.85rem;font-weight:600}.post-grid{grid-template-columns:1fr}.buy-cta{padding:24px 22px}.author-box{flex-direction:column;gap:14px}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.foot-about{grid-column:1 / -1}.foot-about p{max-width:none}.foot-grid > div:last-child{grid-column:1 / -1}.foot-grid > div:last-child ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.site-footer ul{gap:11px}.site-footer ul a{font-size:.89rem}.site-footer h4{margin-bottom:12px}.hero{padding:52px 0 40px}.learn{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:38px}.learn-item{padding:16px 15px;border-radius:15px}.learn-ic{width:34px;height:34px;border-radius:10px;margin-bottom:10px}.learn-ic svg{width:17px;height:17px}.learn-item h3{font-size:.95rem;line-height:1.3}.learn-item p{font-size:.82rem;line-height:1.5}}@media (max-width:420px){.learn{gap:10px}.learn-item{padding:14px 12px}.learn-item h3{font-size:.9rem}.learn-item p{font-size:.79rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none !important;animation:none !important}}.preview-bar{position:sticky;top:70px;z-index:90;background:linear-gradient(135deg,#b45309,#d97706);color:#fff;box-shadow:0 6px 20px -8px rgba(180,83,9,.6)}.preview-bar .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;font-size:.9rem}.preview-bar strong{font-family:var(--display);font-weight:800;letter-spacing:-.02em}.preview-bar .pv-note{opacity:.9}.pv-dot{width:9px;height:9px;border-radius:50%;background:#fff;flex:none;box-shadow:0 0 0 4px rgba(255,255,255,.28)}.pv-btn{margin-left:auto;background:rgba(255,255,255,.95);color:#92400e;font-family:var(--display);font-weight:700;font-size:.84rem;padding:7px 16px;border-radius:999px}.pv-btn:hover{background:#fff}@media (max-width:860px){.preview-bar{top:70px}.preview-bar .pv-note{display:none}}.nav-group{position:relative}.nav-parent{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:9px;font-size:.92rem;font-weight:600;color:var(--dim);transition:.18s;white-space:nowrap}.nav-parent:hover{color:var(--teal-700);background:var(--teal-50)}.nav-group.active .nav-parent{color:var(--teal-700);background:var(--teal-50)}.nav-parent .chev{transition:transform .2s}.nav-group:hover .nav-parent .chev,.nav-group:focus-within .nav-parent .chev{transform:rotate(180deg)}.main-nav .submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:236px;background:rgba(255,255,255,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:14px;padding:7px;z-index:120;box-shadow:0 18px 40px -14px rgba(11,32,41,.22),0 6px 16px -8px rgba(13,148,136,.2);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s}.nav-group:hover .submenu,.nav-group:focus-within .submenu{opacity:1;visibility:visible;transform:translateY(0)}.main-nav .submenu::before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px}.main-nav .submenu a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 13px;border-radius:10px;font-size:.9rem;font-weight:600;color:var(--dim);transition:.16s}.main-nav .submenu a:hover{background:var(--teal-50);color:var(--teal-700)}.main-nav .submenu a.on{background:var(--teal-50);color:var(--teal-700)}.main-nav .submenu a .n{font-size:.76rem;font-weight:700;color:var(--faint);background:var(--wash);border:1px solid var(--line);border-radius:999px;padding:1px 9px;flex:none}.main-nav .submenu .sub-all{color:var(--ink);border-bottom:1px solid var(--line2);border-radius:10px 10px 0 0;margin-bottom:4px;padding-bottom:11px}@media (max-width:860px){.nav-group{width:100%}.nav-parent{width:100%;justify-content:space-between}.main-nav .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:none;padding:0 0 6px 14px;border-left:2px solid var(--teal-100);margin:2px 0 6px 13px;border-radius:0}}.cat-h1{font-size:2.1rem;margin-top:6px;letter-spacing:-.034em}.cat-intro{max-width:75ch;margin:80px 0 0;padding-top:46px;border-top:1px solid var(--line);font-size:1.04rem}.cat-intro > *:first-child{margin-top:0}.topic-pager{margin:56px 0 72px}.topic-pager a[rel]{min-width:auto;padding:0 18px;font-weight:700}.search-box{position:relative}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--faint);background:none}.search-clear:hover{background:var(--wash2);color:var(--ink)}.search-clear .material-symbols-outlined{font-size:17px}.search-results{position:absolute;top:calc(100% + 9px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 18px 44px -14px rgba(11,32,41,.26),0 6px 16px -8px rgba(13,148,136,.18);z-index:130;max-height:min(70vh,440px);overflow-y:auto;text-align:left}.sr-item{display:flex;gap:12px;align-items:flex-start;padding:10px 11px;border-radius:10px;transition:.14s}.sr-item:hover,.sr-item.on{background:var(--teal-50)}.sr-body{min-width:0;flex:1}.sr-thumb{width:64px;height:34px;flex:none;border-radius:7px;object-fit:cover;border:1px solid var(--line);background:var(--wash2);display:block}.sr-ph{background:var(--grad);border-color:transparent}.sr-ph.ph-v2{background:linear-gradient(140deg,#0e7490,#22d3ee)}.sr-ph.ph-v3{background:linear-gradient(140deg,#1d4ed8,#3b82f6)}.sr-ph.ph-v4{background:linear-gradient(140deg,#047857,#10b981)}.sr-ph.ph-v5{background:linear-gradient(140deg,#3730a3,#6366f1)}.sr-ph.ph-v6{background:linear-gradient(140deg,#0369a1,#38bdf8)}.sr-title{display:block;font-family:var(--display);font-weight:700;font-size:.94rem;color:var(--ink);line-height:1.35;letter-spacing:-.02em}.sr-title mark{background:#fef3c7;color:inherit;padding:0 1px;border-radius:2px}.sr-meta{display:flex;gap:10px;margin-top:4px;font-size:.78rem;color:var(--faint)}.sr-cat{color:var(--teal-700);font-weight:600}.sr-all{display:block;margin-top:4px;padding:11px 13px;border-top:1px solid var(--line2);font-family:var(--display);font-weight:700;font-size:.87rem;color:var(--teal-700);text-align:center}.sr-all:hover,.sr-all.on{background:var(--teal-50);border-radius:0 0 10px 10px}.sr-empty{padding:18px 14px;text-align:center;font-size:.9rem;color:var(--faint)}.static-page{padding:14px 24px 80px}.page-header{padding-bottom:26px;margin-bottom:34px;border-bottom:1px solid var(--line)}.page-header h1{font-size:clamp(30px,4.2vw,44px);letter-spacing:-.038em;line-height:1.1}.page-updated{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:.85rem;color:var(--faint)}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:34px;margin-top:46px;padding-top:40px;border-top:1px solid var(--line);align-items:start}.contact-grid h2{font-size:1.2rem;margin-bottom:18px}.cd-row{display:flex;gap:14px;align-items:center;padding:14px 16px;margin-bottom:10px;border:1px solid var(--line);border-radius:13px;background:var(--wash);transition:.18s}.cd-row:not(.static):hover{border-color:var(--teal-200);background:var(--teal-50);transform:translateY(-2px)}.cd-ic{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#ccfbf1,#e0f2fe);color:var(--teal-700)}.cd-ic.alt{background:linear-gradient(135deg,#e0e7ff,#ede9fe);color:#4338ca}.cd-note{margin-top:16px;font-size:.86rem;color:var(--faint);line-height:1.6}.cd-row strong{display:block;font-family:var(--display);font-size:.96rem;color:var(--ink)}.cd-row em{font-style:normal;font-size:.86rem;color:var(--dim);word-break:break-word}.contact-form-wrap{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:26px 26px 28px;box-shadow:var(--shadow)}.contact-form label{display:block;font-weight:600;font-size:.86rem;color:var(--ink);margin:16px 0 6px}.contact-form label .opt{font-weight:500;color:var(--faint);font-size:.8rem}.contact-form input,.contact-form textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:.95rem}.contact-form textarea{resize:vertical;line-height:1.6}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--teal-600);box-shadow:0 0 0 3px rgba(13,148,136,.12)}.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.f-row label{margin-top:0}.contact-form .btn-primary{margin-top:22px;width:100%;justify-content:center}.f-note{margin-top:12px;font-size:.82rem;color:var(--faint);text-align:center}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-ok,.form-err{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:12px;font-size:.93rem}.form-ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.form-ok p{margin-top:4px;color:#065f46;font-weight:400}.form-err{background:#fff1f2;border:1px solid #fecdd3;color:#be123c;font-weight:600;margin-bottom:18px}@media (max-width:860px){.contact-grid{grid-template-columns:1fr;gap:26px}.f-row{grid-template-columns:1fr}}