:root{--bg: #f4fafb;--bg-soft: #eaf5f7;--surface: #ffffff;--ink: #0d2b33;--ink-2: #1f4550;--muted: #56727c;--primary: #0e7490;--primary-2: #0b5d75;--primary-soft: #e0f2f7;--accent: #059669;--accent-soft: #e6f7f0;--danger: #dc2626;--danger-soft: #fdeaea;--amber: #b45309;--amber-soft: #fdf3e3;--border: #d8e7ec;--border-2: #c3dae1;--ring: #0891b2;--radius: 16px;--radius-sm: 10px;--radius-lg: 26px;--shadow-sm: 0 1px 2px rgba(13, 43, 51, .06), 0 4px 14px rgba(13, 43, 51, .05);--shadow: 0 6px 26px rgba(13, 43, 51, .09);--shadow-lg: 0 22px 60px rgba(13, 43, 51, .16);--scale: 1;font-family:Noto Sans,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);font-size:calc(16px * var(--scale));line-height:1.65;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;background:radial-gradient(1100px 500px at 80% -12%,#d9f0f6 0%,transparent 62%),radial-gradient(900px 420px at -8% 6%,#e7f6ef 0%,transparent 58%),var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Figtree,Noto Sans,sans-serif;letter-spacing:-.02em;line-height:1.22;text-wrap:balance}h1{font-size:clamp(1.9rem,4.2vw,2.9rem);font-weight:800}h2{font-size:clamp(1.35rem,2.4vw,1.7rem);font-weight:700}h3{font-size:1.06rem;font-weight:700}p{color:var(--ink-2)}button,a,select,input{font-family:inherit;font-size:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-radius:6px}.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:8px;z-index:200}.skip:focus{inset-inline-start:8px}body.hc{--bg: #ffffff;--bg-soft: #f4f4f4;--border: #9fb6bd;--muted: #33484f;--ink-2: #0b1f25}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}[dir=rtl]{font-family:Noto Sans Arabic,Noto Sans,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4{font-family:Noto Sans Arabic,Figtree,sans-serif}.flip,.rtl-flip{transition:transform .2s}[dir=rtl] .rtl-flip{transform:scaleX(-1)}.nav{position:sticky;top:0;z-index:60;background:#ffffffd1;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--border)}.nav-inner{max-width:1140px;margin:0 auto;padding:.55rem 1.25rem;display:flex;align-items:center;gap:1rem}.brand{display:flex;align-items:center;gap:.6rem;background:none;border:0;text-align:start}.brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:linear-gradient(150deg,#0e7490,#0891b2 55%,#059669);color:#fff;display:grid;place-items:center;box-shadow:0 6px 16px #0e749047}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-family:Figtree,sans-serif;font-size:.98rem;letter-spacing:-.02em}.brand-text small{color:var(--muted);font-size:.68rem;letter-spacing:.01em}.nav-links{display:flex;gap:.15rem;margin-inline-start:auto}.nav-link{border:0;background:none;color:var(--muted);font-size:.86rem;font-weight:500;padding:.45rem .7rem;border-radius:999px;transition:color .18s,background .18s}.nav-link:hover{color:var(--ink);background:var(--bg-soft)}.nav-link.on{color:var(--primary-2);background:var(--primary-soft);font-weight:700}.nav-tools{display:flex;align-items:center;gap:.3rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:1px;min-width:34px;height:34px;padding:0 .34rem;border:1px solid var(--border);background:#fff;color:var(--ink-2);border-radius:9px;font-size:.72rem;font-weight:700;transition:border-color .18s,background .18s,transform .18s}.icon-btn:hover{border-color:var(--border-2);background:var(--bg-soft);transform:translateY(-1px)}.icon-btn.on{background:var(--primary);color:#fff;border-color:var(--primary)}.lang-btn{display:inline-flex;align-items:center;gap:.35rem;height:34px;padding:0 .7rem;border-radius:999px;border:1px solid var(--border-2);background:#fff;color:var(--primary-2);font-size:.78rem;font-weight:700;transition:background .18s,transform .18s}.lang-btn:hover{background:var(--primary-soft);transform:translateY(-1px)}.menu-btn{display:none}.mobile-menu{display:flex;flex-direction:column;padding:.5rem 1.25rem 1rem;border-top:1px solid var(--border);background:#fff;animation:fadeDown .22s ease}.mobile-link{border:0;background:none;text-align:start;padding:.7rem .2rem;font-weight:600;color:var(--ink-2);border-bottom:1px solid var(--border)}.hero{max-width:1140px;margin:0 auto;padding:3rem 1.25rem 2rem}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center}.pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent-soft);color:#05684f;border:1px solid #bde9d8;padding:.32rem .75rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.01em}.hero h1{margin:1rem 0 .85rem}.hero-copy>p{font-size:1.03rem;color:var(--muted);max-width:34rem}.search-wrap{position:relative;margin:1.6rem 0 1.1rem;max-width:30rem}.search-wrap.narrow{max-width:26rem}.search-ico{position:absolute;inset-inline-start:1rem;top:50%;transform:translateY(-50%);color:var(--muted)}.search-wrap input{width:100%;padding:.9rem 1rem .9rem 2.7rem;border-radius:999px;border:1px solid var(--border-2);background:#fff;color:var(--ink);box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s}[dir=rtl] .search-wrap input{padding:.9rem 2.7rem .9rem 1rem}.search-wrap input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #0891b229}.hero-cta{display:flex;gap:.6rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.3rem;border-radius:999px;border:1px solid transparent;font-size:.9rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.btn.sm{padding:.48rem .9rem;font-size:.82rem}.btn-primary{background:linear-gradient(140deg,#0e7490,#0891b2);color:#fff;box-shadow:0 8px 22px #0891b247}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0891b257}.btn-ghost{background:#fff;border-color:var(--border-2);color:var(--ink-2)}.btn-ghost:hover{background:var(--bg-soft);transform:translateY(-2px)}.btn-ghost.danger{color:var(--danger);border-color:#f2c9c9}.hero-facts{list-style:none;display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:1.4rem;color:var(--muted);font-size:.8rem}.hero-facts li{display:flex;align-items:center;gap:.35rem}.hero-art{position:relative;display:grid;place-items:center}.art-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem;box-shadow:var(--shadow);width:100%;max-width:340px}.art-card .illus{width:100%;height:auto}.art-chip{position:absolute;background:#fff;border:1px solid var(--border);border-radius:999px;padding:.3rem .7rem;font-size:.7rem;font-weight:700;color:var(--primary-2);box-shadow:var(--shadow-sm)}.art-chip.one{top:8%;inset-inline-start:-4%;animation:float 6s ease-in-out infinite}.art-chip.two{bottom:10%;inset-inline-end:-3%;color:#05684f;animation:float 6s ease-in-out infinite .8s}.strip{background:linear-gradient(100deg,#fff4f4,#fff8f2);border-block:1px solid #f4d9d9}.strip-inner{max-width:1140px;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.strip-tag{background:var(--danger);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;border-radius:6px}.strip p{flex:1 1 320px;font-size:.88rem;color:#7c2d2d;margin:0}.strip-link{display:inline-flex;align-items:center;gap:.3rem;background:none;border:0;color:var(--danger);font-weight:700;font-size:.82rem;text-decoration:underline;text-underline-offset:3px}.section{max-width:1140px;margin:0 auto;padding:2.6rem 1.25rem}.sec-head{margin-bottom:1.4rem;max-width:42rem}.sec-head h2{margin-bottom:.4rem}.sec-head p{color:var(--muted);font-size:.95rem}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:.9rem}.topic-card{text-align:start;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;display:flex;flex-direction:column;gap:.45rem;transition:transform .2s,box-shadow .2s,border-color .2s;animation:fadeUp .5s ease both;position:relative;overflow:hidden}.topic-card:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:3px;background:var(--tc, var(--primary));opacity:.85}.topic-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-2)}.topic-card h3{font-size:1rem}.topic-card p{font-size:.84rem;color:var(--muted);line-height:1.5}.tc-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--tc-soft, var(--primary-soft));color:var(--tc, var(--primary))}.tc-ico.lg{width:52px;height:52px;border-radius:15px;flex:0 0 52px}.tc-foot{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;color:var(--muted);margin-top:auto}.tone-teal{--tc: #0e7490;--tc-soft: #e0f2f7}.tone-cyan{--tc: #0891b2;--tc-soft: #e2f6fb}.tone-blue{--tc: #2563eb;--tc-soft: #e8eefc}.tone-violet{--tc: #7c3aed;--tc-soft: #f1ebfd}.tone-green{--tc: #059669;--tc-soft: #e6f7f0}.tone-amber{--tc: #b45309;--tc-soft: #fdf3e3}.tone-rose{--tc: #be123c;--tc-soft: #fce9ee}.tone-sky{--tc: #0284c7;--tc-soft: #e4f2fc}.tone-red{--tc: #dc2626;--tc-soft: #fdeaea}.tone-indigo{--tc: #4f46e5;--tc-soft: #eae9fd}.tone-orange{--tc: #ea580c;--tc-soft: #fdeee3}.results{display:flex;flex-direction:column;gap:.5rem}.result-count{font-size:.8rem;color:var(--muted)}.result-row{display:flex;align-items:center;gap:.7rem;text-align:start;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem;transition:transform .16s,border-color .16s}.result-row:hover{transform:translate(3px);border-color:var(--primary)}.result-row span{font-weight:700;font-size:.92rem}.result-row small{color:var(--muted);font-size:.78rem;margin-inline-start:auto}.muted{color:var(--muted)}.small{font-size:.82rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.9rem}.tool-card{text-align:start;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;display:flex;flex-direction:column;gap:.4rem;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tool-card svg{color:var(--primary)}.tool-card p{font-size:.82rem;color:var(--muted)}.tool-go{margin-top:auto;font-size:.76rem;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:.25rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}.video-card{text-align:start;border:1px solid var(--border);background:#fff;border-radius:var(--radius);padding:.7rem;transition:transform .2s,box-shadow .2s}.video-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.video-thumb{position:relative;display:grid;place-items:center;height:96px;border-radius:12px;background:linear-gradient(135deg,#0e7490,#0891b2 60%,#059669);margin-bottom:.65rem;overflow:hidden}.video-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.3),transparent 60%)}.play-dot{width:38px;height:38px;border-radius:50%;background:#ffffffeb;color:var(--primary-2);display:grid;place-items:center;box-shadow:0 4px 14px #00000026}.video-dur{position:absolute;inset-block-end:6px;inset-inline-end:8px;font-size:.66rem;color:#fff;background:#00000052;padding:.05rem .4rem;border-radius:5px}.video-card h3{font-size:.92rem}.video-card p{font-size:.76rem;color:var(--muted)}.faq-teaser{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem}.teaser{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;font-size:.9rem;font-weight:600;text-align:start;color:var(--ink-2);transition:border-color .16s,transform .16s}.teaser:hover{border-color:var(--primary);transform:translate(3px)}.trust{font-size:.82rem;color:var(--muted);border-inline-start:3px solid var(--accent);padding-inline-start:.8rem}.topic-view{max-width:780px;margin:0 auto;padding:1.4rem 1.25rem 3rem}.crumb{margin-bottom:.9rem}.crumb-back{display:inline-flex;align-items:center;gap:.35rem;background:none;border:0;color:var(--muted);font-size:.82rem;font-weight:600}.crumb-back:hover{color:var(--primary)}.topic-head{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem;box-shadow:var(--shadow-sm);border-block-start:4px solid var(--tc, var(--primary))}.topic-head h1{font-size:clamp(1.5rem,3.4vw,2rem);margin-bottom:.2rem}.topic-head p{color:var(--muted);font-size:.92rem}.topic-head .tc-foot{margin-top:.45rem}.lede{font-size:1.05rem;line-height:1.72;margin:1.4rem 0 1.2rem;color:var(--ink-2)}.key-box{background:linear-gradient(150deg,#f0faf7,#eff8fa);border:1px solid #c9e9dd;border-radius:var(--radius);padding:1.2rem 1.3rem}.key-box h2{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#05684f;margin-bottom:.7rem}.key-box ul{list-style:none;display:flex;flex-direction:column;gap:.55rem}.key-box li{display:flex;gap:.55rem;font-size:.92rem;color:var(--ink-2)}.key-box svg{color:var(--accent);flex:0 0 auto;margin-top:.2rem}.illus-wrap{margin:1.6rem 0;padding:1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.illus{width:100%;height:auto;color:var(--ink)}.illus-label{font:700 15px Figtree,sans-serif;fill:var(--ink)}.illus-note{font:500 11px Noto Sans,sans-serif;fill:var(--muted)}.illus-num{font:700 12px Figtree,sans-serif;fill:#fff}[dir=rtl] .illus-label,[dir=rtl] .illus-note{font-family:Noto Sans Arabic,sans-serif}.sections{display:flex;flex-direction:column;gap:1.7rem;margin-top:1.8rem}.sec-block h2{font-size:1.16rem;margin-bottom:.55rem;color:var(--ink)}.sec-block>p{font-size:.96rem}.bullets{list-style:none;margin-top:.7rem;display:flex;flex-direction:column;gap:.45rem}.bullets li{position:relative;padding-inline-start:1.15rem;font-size:.93rem;color:var(--ink-2)}.bullets li:before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--primary);opacity:.55}.table-scroll{overflow-x:auto;margin-top:.9rem;border-radius:12px;border:1px solid var(--border)}.cmp-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.84rem;background:#fff}.cmp-table th{background:var(--primary-soft);color:var(--primary-2);text-align:start;padding:.6rem .7rem;font-weight:700;font-size:.78rem;letter-spacing:.01em}.cmp-table td{padding:.55rem .7rem;border-top:1px solid var(--border);color:var(--ink-2);vertical-align:top}.cmp-table tbody tr:nth-child(2n){background:#fafdfe}.cmp-table td:first-child{font-weight:700;color:var(--ink)}.tip{display:flex;gap:.6rem;margin-top:.9rem;padding:.8rem .9rem;background:var(--amber-soft);border:1px solid #f3dcb8;border-radius:12px}.tip svg{color:var(--amber);flex:0 0 auto;margin-top:.15rem}.tip strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--amber)}.tip p{font-size:.86rem;color:#6b4310}.topic-refs{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--border)}.topic-refs h3{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.6rem}.topic-refs ul{list-style:none;display:flex;flex-direction:column;gap:.45rem}.topic-refs li{font-size:.78rem;color:var(--muted);line-height:1.5}.ref-org{display:inline-block;background:var(--bg-soft);border:1px solid var(--border);color:var(--primary-2);font-weight:700;font-size:.68rem;padding:.08rem .4rem;border-radius:5px;margin-inline-end:.35rem}.topic-actions{margin:1.5rem 0}.pager{display:flex;gap:.8rem;justify-content:space-between;border-top:1px solid var(--border);padding-top:1.2rem}.pager-btn{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.7rem .9rem;max-width:46%;transition:border-color .16s,transform .16s}.pager-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.pager-btn span{display:flex;flex-direction:column;text-align:start;font-size:.84rem;font-weight:600;color:var(--ink-2)}.pager-btn small{font-size:.68rem;color:var(--muted);font-weight:500}.pager-btn.end{margin-inline-start:auto;text-align:end}.pager-btn.end span{text-align:end}.tabbar{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1.1rem}.tabbtn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:.84rem;font-weight:600;color:var(--muted);transition:all .18s}.tabbtn:hover{border-color:var(--border-2);color:var(--ink)}.tabbtn.on{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 16px #0e749038}.tool-panel{display:flex;flex-direction:column;gap:1rem}.form-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow-sm)}.form-card h3{margin-bottom:.2rem}.form-card .sub{font-size:.82rem;color:var(--muted);margin-bottom:.8rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.8rem 0}.form-row.three{grid-template-columns:1.2fr 1.2fr 1fr}label{display:flex;flex-direction:column;gap:.3rem;font-size:.74rem;font-weight:700;color:var(--muted);letter-spacing:.02em}input,select{width:100%;padding:.55rem .7rem;border:1px solid var(--border-2);border-radius:9px;background:#fff;color:var(--ink);transition:border-color .16s,box-shadow .16s}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0891b226}.seg{margin:.6rem 0}.seg-label{display:block;font-size:.74rem;font-weight:700;color:var(--muted);margin-bottom:.35rem}.seg-btns{display:flex;gap:.3rem;flex-wrap:wrap}.seg-btns button{border:1px solid var(--border-2);background:#fff;color:var(--ink-2);border-radius:8px;padding:.35rem .8rem;font-size:.8rem;font-weight:600;transition:all .16s}.seg-btns button.on{background:var(--primary);border-color:var(--primary);color:#fff}.form-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}.chart-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow-sm)}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.chart-head strong{color:var(--primary-2);font-size:1.05rem}.bars{display:flex;align-items:flex-end;gap:.35rem;height:130px;padding-top:.4rem}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%}.bar-track{flex:1;width:100%;display:flex;align-items:flex-end;background:var(--bg-soft);border-radius:6px;overflow:hidden}.bar-fill{width:100%;border-radius:6px 6px 0 0;transition:height .4s ease;min-height:3px}.bar-fill.lo{background:linear-gradient(180deg,#34d399,#059669)}.bar-fill.mid{background:linear-gradient(180deg,#fbbf24,#d97706)}.bar-fill.hi{background:linear-gradient(180deg,#f87171,#dc2626)}.bar-col small{font-size:.62rem;color:var(--muted)}.trend{margin-top:.8rem;font-size:.85rem;font-weight:600;color:var(--muted)}.trend.up{color:var(--danger)}.trend.down{color:#05684f}.empty{padding:1.6rem 1rem;text-align:center;color:var(--muted);font-size:.88rem;background:var(--bg-soft);border-radius:12px}.disclaimer{display:flex;gap:.4rem;align-items:flex-start;font-size:.74rem;color:var(--muted);margin-top:.9rem;line-height:1.5}.disclaimer svg{flex:0 0 auto;margin-top:.1rem}.log-list h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.6rem}.log-row{display:flex;gap:.7rem;align-items:center;padding:.55rem .8rem;background:#fff;border:1px solid var(--border);border-radius:10px;margin-bottom:.4rem;font-size:.82rem}.log-date{font-variant-numeric:tabular-nums;color:var(--muted)}.log-score{font-weight:800;color:var(--primary-2)}.log-detail{color:var(--muted);font-size:.78rem;margin-inline-start:auto;text-align:end}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:.8rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.1rem}.stat strong{font-family:Figtree,sans-serif;font-size:1.35rem;color:var(--primary-2)}.stat span{font-size:.72rem;color:var(--muted)}.stat svg{color:var(--primary)}.med-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.med-table{border-collapse:collapse;width:100%;min-width:480px}.med-table th{font-size:.7rem;color:var(--muted);padding:.7rem .5rem;font-weight:700;border-bottom:1px solid var(--border)}.med-table td{padding:.5rem;border-bottom:1px solid var(--border);text-align:center}.med-table td:first-child{text-align:start;padding-inline-start:.9rem}.med-table strong{display:block;font-size:.86rem;color:var(--ink)}.med-table small{font-size:.72rem;color:var(--muted)}.tick{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--border-2);background:#fff;display:inline-grid;place-items:center;color:#fff;transition:all .15s}.tick.on{background:var(--accent);border-color:var(--accent)}.tick.del{border:0;background:none;color:#b9c9ce}.tick.del:hover{color:var(--danger)}.rf-list{display:flex;flex-direction:column;gap:.5rem;margin:.9rem 0}.rf-row{display:flex;align-items:center;gap:1rem;justify-content:space-between;background:#fbfdfe;border:1px solid var(--border);border-radius:11px;padding:.65rem .8rem;transition:border-color .18s,background .18s}.rf-row.yes{border-color:#f3c6c6;background:#fff8f8}.rf-row p{font-size:.87rem;margin:0}.rf-btns{display:flex;gap:.3rem;flex:0 0 auto}.rf-btns button{border:1px solid var(--border-2);background:#fff;border-radius:7px;padding:.25rem .6rem;font-size:.76rem;font-weight:700;color:var(--muted)}.rf-btns button.on{background:var(--danger);border-color:var(--danger);color:#fff}.rf-btns button.on.no{background:var(--accent);border-color:var(--accent)}.result{display:flex;gap:.8rem;padding:1.1rem;border-radius:var(--radius);border:1px solid;animation:fadeUp .3s ease}.result h3{font-size:1.02rem;margin-bottom:.3rem}.result p{font-size:.88rem}.result.red{background:var(--danger-soft);border-color:#f3c3c3;color:#7f1d1d}.result.red svg{color:var(--danger);flex:0 0 auto}.result.amber{background:var(--amber-soft);border-color:#f0d9b5;color:#6b4310}.result.amber svg{color:var(--amber);flex:0 0 auto}.result.green{background:var(--accent-soft);border-color:#b9e7d4;color:#05543f}.result.green svg{color:var(--accent);flex:0 0 auto}.result-note{font-weight:700;margin-top:.45rem;font-size:.82rem}.quiz{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem;box-shadow:var(--shadow-sm)}.quiz-top{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem}.quiz-count{font-size:.74rem;font-weight:800;color:var(--primary)}.quiz-prog{flex:1;height:5px;background:var(--bg-soft);border-radius:99px;overflow:hidden}.quiz-prog span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .3s}.quiz h3{font-size:1.02rem;margin-bottom:.9rem}.quiz-opts{display:flex;flex-direction:column;gap:.45rem}.quiz-opt{display:flex;align-items:center;gap:.6rem;text-align:start;border:1px solid var(--border);background:#fff;border-radius:11px;padding:.7rem .8rem;font-size:.88rem;color:var(--ink-2);transition:all .16s}.quiz-opt:hover:not(:disabled){border-color:var(--primary);background:#f8fdfe}.quiz-opt:disabled{cursor:default}.opt-letter{width:22px;height:22px;border-radius:6px;background:var(--bg-soft);color:var(--muted);display:grid;place-items:center;font-size:.72rem;font-weight:800;flex:0 0 22px}.quiz-opt.right{border-color:var(--accent);background:var(--accent-soft);color:#05543f}.quiz-opt.right .opt-letter{background:var(--accent);color:#fff}.quiz-opt.wrong{border-color:var(--danger);background:var(--danger-soft);color:#7f1d1d}.quiz-opt.wrong .opt-letter{background:var(--danger);color:#fff}.quiz-opt.dim{opacity:.55}.quiz-opt svg{margin-inline-start:auto}.quiz-feedback{margin-top:.9rem;padding:.8rem .9rem;border-radius:11px;background:var(--bg-soft)}.quiz-feedback.ok{background:var(--accent-soft)}.quiz-feedback.no{background:var(--danger-soft)}.quiz-feedback strong{font-size:.8rem}.quiz-feedback p{font-size:.84rem;margin:.2rem 0 .6rem}.quiz.done{text-align:center}.quiz.done .trophy{color:#d97706;margin-bottom:.5rem}.quiz.done p{max-width:34rem;margin:.4rem auto 1rem;color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#091e259e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:1rem;animation:fadeUp .2s ease}.player{background:#fff;border-radius:var(--radius-lg);width:min(560px,100%);padding:1rem;box-shadow:var(--shadow-lg)}.player-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.player-title{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.9rem}.player-stage{background:linear-gradient(160deg,#f2fbfd,#eef8f3);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:grid;place-items:center;min-height:220px}.player-stage .illus{max-height:230px}.player-caption{font-size:.92rem;margin:.8rem 0 .6rem;min-height:2.6em;color:var(--ink-2)}.player-bar{height:6px;background:var(--bg-soft);border-radius:99px;overflow:hidden;cursor:pointer}.player-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .2s linear}.player-controls{display:flex;align-items:center;gap:.7rem;margin-top:.8rem}.player-step{font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums}.player-dots{display:flex;gap:.25rem;margin-inline-start:auto}.player-dots button{width:8px;height:8px;border-radius:50%;border:0;background:var(--border-2)}.player-dots button.on{background:var(--primary)}.prep-steps{display:flex;flex-direction:column;gap:.35rem;width:100%}.prep-step{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:9px;background:#fff;border:1px solid var(--border);opacity:.45;transition:all .35s}.prep-step span{width:20px;height:20px;border-radius:6px;background:var(--bg-soft);display:grid;place-items:center;font-size:.68rem;font-weight:800;color:var(--muted)}.prep-step p{font-size:.78rem;margin:0}.prep-step.on{opacity:1}.prep-step.now{border-color:var(--primary);box-shadow:0 4px 14px #0e749024}.prep-step.now span{background:var(--primary);color:#fff}.accordion{display:flex;flex-direction:column;gap:.5rem;margin:1.2rem 0 1.6rem}.acc{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.acc.open{border-color:var(--border-2);box-shadow:var(--shadow-sm)}.acc-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;border:0;background:none;text-align:start;padding:.9rem 1rem;font-size:.92rem;font-weight:600;color:var(--ink)}.acc-chev{color:var(--muted);transition:transform .2s;flex:0 0 auto}.acc.open .acc-chev{transform:rotate(180deg);color:var(--primary)}.acc-body{padding:0 1rem 1rem;animation:fadeDown .22s ease}.acc-body p{font-size:.89rem}.leaflet-tools{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1.2rem}.leaflet-tools select{max-width:320px}.leaflet{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-sm);max-width:720px}.leaflet-head{border-bottom:3px solid var(--primary);padding-bottom:.9rem;margin-bottom:1.2rem}.leaflet-brand{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.leaflet-head h1{font-size:1.6rem;margin:.2rem 0 .15rem}.leaflet-head p{font-size:.88rem;color:var(--muted)}.leaflet-block{margin-bottom:1rem}.leaflet-block h2{font-size:.95rem;margin-bottom:.35rem;color:var(--primary-2)}.leaflet-block p{font-size:.84rem;line-height:1.55}.leaflet-block ul{margin:.35rem 0 0;padding-inline-start:1rem}.leaflet-block li{font-size:.82rem;line-height:1.5;color:var(--ink-2);margin-bottom:.2rem}.leaflet-tip{margin-top:.4rem;font-size:.8rem;background:var(--amber-soft);border-radius:8px;padding:.45rem .6rem}.leaflet-alert{border:2px solid var(--danger);color:#7f1d1d;font-weight:700;font-size:.85rem;padding:.6rem .8rem;border-radius:8px;margin:.8rem 0}.leaflet-foot{border-top:1px solid var(--border);margin-top:1.2rem;padding-top:.7rem}.leaflet-src,.leaflet-note{font-size:.68rem;color:var(--muted);line-height:1.45}.method{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem;margin-bottom:1.4rem}.method-item{display:flex;gap:.6rem;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.9rem}.method-item svg{color:var(--primary);flex:0 0 auto}.method-item h3{font-size:.84rem;margin-bottom:.2rem}.method-item p{font-size:.78rem;color:var(--muted);line-height:1.5}.ref-group{margin-bottom:1.2rem}.ref-group h3{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.ref-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--border);border-radius:11px;padding:.7rem .9rem;margin-bottom:.4rem;text-decoration:none;transition:border-color .16s,transform .16s}.ref-item:hover{border-color:var(--primary);transform:translateY(-1px)}.ref-item strong{display:block;font-size:.82rem;color:var(--ink);font-weight:600;line-height:1.4}.ref-item small{font-size:.72rem;color:var(--muted)}.ref-item svg{color:var(--muted);flex:0 0 auto}.footer{border-top:1px solid var(--border);background:#fff;margin-top:2rem}.footer-inner{max-width:1140px;margin:0 auto;padding:2rem 1.25rem;display:grid;grid-template-columns:1.3fr 1fr;gap:2rem}.footer h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:.5rem}.footer p{font-size:.78rem;line-height:1.6;color:var(--muted)}.footer-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.foot-link{display:flex;align-items:center;gap:.35rem;border:0;background:none;color:var(--ink-2);font-size:.8rem;font-weight:600;padding:.2rem 0}.foot-link:hover{color:var(--primary)}.foot-meta{display:flex;align-items:flex-start;gap:.35rem;font-size:.74rem;color:var(--muted);margin-bottom:.4rem}.foot-meta svg{flex:0 0 auto;margin-top:.15rem}.toast-wrap{position:fixed;inset-block-end:1.2rem;inset-inline-end:1.2rem;z-index:120;display:flex;flex-direction:column;gap:.4rem}.toast{background:#0d2b33;color:#fff;font-size:.84rem;font-weight:600;padding:.65rem 1rem;border-radius:10px;box-shadow:var(--shadow-lg);animation:toastIn .25s ease}.toast.error{background:var(--danger)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@media (max-width: 980px){.hero-grid{grid-template-columns:1fr}.hero-art{order:-1}.art-card{max-width:300px}.nav-links{display:none}.menu-btn{display:inline-flex}.footer-inner{grid-template-columns:1fr}}@media (max-width: 720px){.hero{padding:2rem 1rem 1.4rem}.section{padding:1.9rem 1rem}.brand-text small{display:none}.form-row,.form-row.three{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}.pager-btn{max-width:48%;font-size:.78rem}.leaflet{padding:1.1rem}.topic-head,.result{flex-direction:column}.footer-cols{grid-template-columns:1fr}.nav-tools{gap:.2rem}.brand-text strong{font-size:.88rem}}.print-only{display:none}@media print{@page{margin:14mm}:root{--bg: #fff;font-size:11.5pt}body{background:#fff}.nav,.footer,.strip,.skip,.toast-wrap,.overlay,.tabbar,.no-print,.crumb,.pager,.topic-actions,.leaflet-tools{display:none!important}.tools-page>.sec-head,.leaflet-page>.sec-head{display:none!important}.section,.topic-view{max-width:none;padding:0;margin:0}.leaflet,.chart-card,.log-list{border:0;box-shadow:none;padding:0;max-width:none}.print-only{display:block}.print-head{margin-bottom:.8rem;border-bottom:2px solid #0e7490;padding-bottom:.4rem}.print-head h2{font-size:1.2rem}.print-head p{font-size:.78rem;color:#555}.leaflet-block{break-inside:avoid;page-break-inside:avoid}.leaflet-block ul{margin-bottom:.3rem}.bars{height:90px}.log-row{break-inside:avoid}.topic-head,.key-box,.tip,.result{border:1px solid #ccc!important;background:#fff!important}a[href]:after{content:""}}@media (max-width: 980px){.art-chip.one{inset-inline-start:0}.art-chip.two{inset-inline-end:0}}