/*
Theme Name: SA Tax Guide
Theme URI: https://sarsportal.co.za/
Description: Custom theme for SA Tax Guide — independent SARS information guide. Built from the approved static design (2026-11-05).
Version: 1.1.1
Author: Muse
Text Domain: sa-tax-guide
*/
:root{--navy:#0a2a66;--blue:#1255a0;--gold:#f5b301;--light:#f4f7fc;--ink:#1a2433;--muted:#5a6b84}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:17px;line-height:1.65;color:var(--ink);background:#fff}a{color:var(--blue)}img{max-width:100%;height:auto}.topbar{background:linear-gradient(90deg,#041233,#071d47 50%,#0a2a66);color:#e8eef7;padding:.5rem 1rem;text-align:center;font-size:.9rem;letter-spacing:.01em}.topbar a{color:#ffd94d;font-weight:600}.site-header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.7rem 1rem;border-bottom:4px solid var(--gold);background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 4px 16px rgba(7,29,71,.12)}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--navy)}.logo{height:48px;width:auto}.logo-sm{height:40px;width:auto}.brand-text{font-weight:800;font-size:1.25rem;line-height:1.1}.brand-text em{display:block;font-style:normal;font-weight:400;font-size:.8rem;color:var(--muted)}.header-search{margin-left:auto;position:relative}.header-search input{padding:.55rem .8rem;border:2px solid #cbd6e6;border-radius:8px;min-width:240px;font-size:1rem}.search-results{position:absolute;right:0;top:110%;background:#fff;border:1px solid #cbd6e6;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);width:320px;max-width:90vw;z-index:60}.search-results a{display:block;padding:.6rem .8rem;text-decoration:none;color:var(--ink);border-bottom:1px solid #eef2f7}.search-results a:hover{background:var(--light)}.menu-btn{display:none;background:var(--navy);color:#fff;border:0;padding:.6rem 1rem;border-radius:8px;font-size:1rem}.main-nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.main-nav a,.drop-btn{color:var(--navy);text-decoration:none;font-weight:600;background:none;border:0;font-size:1rem;cursor:pointer;padding:.4rem .2rem;border-bottom:2px solid transparent}.main-nav a:hover{color:var(--blue);border-bottom-color:var(--gold)}.dropdown{position:relative}.drop-menu{display:none;position:absolute;left:0;top:130%;background:#fff;border:1px solid #cbd6e6;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);min-width:280px;z-index:60;max-height:70vh;overflow:auto}.dropdown.open .drop-menu{display:block}.drop-menu a{display:block;padding:.55rem .8rem}main{max-width:1100px;margin:0 auto;padding:0 1rem 3rem}.home main{max-width:none;padding:0 0 3rem}.home .wrap{max-width:1100px;margin:0 auto;padding:0 1rem}.hero{background:linear-gradient(120deg,#071d47 0%,#0a2a66 55%,#1255a0 100%);color:#fff;padding:3rem 1rem 2.5rem;position:relative;overflow:hidden}.hero:after{content:"";display:block;height:10px;background:linear-gradient(90deg,#007a4d 0 25%,#ffb612 25% 50%,#de3831 50% 75%,#001489 75% 100%);margin:2rem -1rem -2.5rem}.hero h1{font-size:2.4rem;line-height:1.2;margin:.2rem 0 1rem;max-width:820px}.hero p{max-width:820px;font-size:1.15rem}.hero .cta a{display:inline-block;background:var(--gold);color:#071d47;text-decoration:none;font-weight:700;padding:.7rem 1.2rem;border-radius:10px;margin:.5rem .5rem 0 0}.hero .cta a.secondary{background:transparent;color:#fff;border:2px solid #fff}.hero-note{font-size:.95rem;opacity:.9}.tools{padding:2rem 0}.tools h2,.article h2{font-size:1.7rem;color:var(--navy);border-left:6px solid var(--gold);padding-left:.7rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.tool-card{border:1px solid #d7e0ec;border-radius:12px;padding:1rem;background:#fff}.tool-card summary{cursor:pointer;font-weight:700;color:var(--navy);font-size:1.05rem;list-style:none}.tool-card summary::-webkit-details-marker{display:none}.tool-card label{display:block;margin:.6rem 0 .2rem;font-weight:600}.tool-card input,.tool-card select{width:100%;padding:.55rem;border:1px solid #cbd6e6;border-radius:8px;font-size:1rem}.tool-card button{background:var(--navy);color:#fff;border:0;padding:.6rem 1rem;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:.7rem}.result{background:var(--light);border-left:4px solid var(--gold);padding:.8rem;margin-top:.8rem}.disclaimer{font-size:.9rem;color:var(--muted)}.article h2{margin-top:2rem}.article h3{color:var(--blue);font-size:1.25rem;margin-top:1.5rem}.post-article h2,.related h2,.official h2{text-align:center;border-left:0;padding-left:0;font-size:1.8rem;font-weight:800;color:var(--navy);margin:2.2rem 0 1rem;padding-bottom:.7rem;position:relative}.post-article h2:after,.related h2:after,.official h2:after{content:"";display:block;width:84px;height:6px;margin:.7rem auto 0;border-radius:999px;background:linear-gradient(90deg,#007a4d 0 25%,#ffb612 25% 50%,#de3831 50% 75%,#001489 75% 100%);box-shadow:0 2px 8px rgba(10,42,102,.25)}.post-article h2:before,.related h2:before,.official h2:before{content:"◆";display:block;font-size:.7rem;color:var(--gold);letter-spacing:.4em;margin-bottom:.4rem}.article ul{padding-left:1.4rem}.article ul li::marker{color:var(--gold)}.article ol{counter-reset:item;padding-left:0;list-style:none}.article ol>li{counter-increment:item;position:relative;padding-left:2.4rem;margin:.5rem 0}.article ol>li:before{content:counter(item);position:absolute;left:0;top:0;background:var(--navy);color:#fff;width:1.7rem;height:1.7rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.article ol>li>ul{margin:.5rem 0 0;padding-left:1.4rem}.article ol>li>ul li{padding-left:0}table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}th{background:var(--navy);color:#fff;padding:.6rem;text-align:left}td{border:1px solid #d7e0ec;padding:.6rem}.faqs details{border:1px solid #d7e0ec;border-radius:10px;padding:.8rem 1rem;margin:.6rem 0}.faqs summary{cursor:pointer;font-weight:700;color:var(--navy)}.post-hero h1{font-size:2.5rem;line-height:1.2;font-weight:800;text-align:center;color:#fff;background:linear-gradient(120deg,#071d47 0%,#0a2a66 55%,#1255a0 100%);padding:1.4rem 1.2rem;border-radius:16px;border-bottom:8px solid var(--gold);box-shadow:0 8px 24px rgba(10,42,102,.25);margin:1rem 0 1.5rem}.feature{max-width:640px;margin:1.5rem auto;border-radius:12px;overflow:hidden}.feature img{width:100%;display:block}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0}.image-grid img{border-radius:10px;border:1px solid #d7e0ec}.related,.official{background:var(--light);border-radius:12px;padding:1rem 1.2rem;margin:1.5rem 0}.site-footer{background:linear-gradient(180deg,#071d47,#041233);color:#e8eef7;margin-top:2rem;border-top:6px solid var(--gold)}.footer-inner{max-width:1100px;margin:0 auto;padding:2.2rem 1rem;display:grid;grid-template-columns:2fr 1fr;gap:2.5rem}.site-footer a{color:#ffd94d}.site-footer a:hover{color:#fff}.site-footer h3{color:#fff;border-bottom:2px solid var(--gold);padding-bottom:.4rem;display:inline-block}.footer-base{text-align:center;padding:1rem;border-top:1px solid #23407a;margin:0;background:#041233;color:#cbd6e6}.scroll-btn{position:fixed;right:1rem;bottom:5rem;background:var(--navy);color:#fff;border:0;border-radius:999px;padding:.6rem 1rem;cursor:pointer;z-index:80}.scroll-btn.bottom{bottom:1rem;background:var(--gold);color:#071d47}form.contact label{display:block;margin:.7rem 0 .2rem;font-weight:600}form.contact input,form.contact textarea{width:100%;padding:.6rem;border:1px solid #cbd6e6;border-radius:8px;font-size:1rem}form.contact button{background:var(--navy);color:#fff;border:0;padding:.7rem 1.2rem;border-radius:8px;font-size:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.menu-btn{display:block}.main-nav{display:none;width:100%;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.drop-menu{position:static;box-shadow:none;border:0}.header-search{margin-left:0;width:100%}.header-search input{width:100%}.hero h1{font-size:1.8rem}body{font-size:16px}.footer-inner{grid-template-columns:1fr}table{display:block;overflow-x:auto}}.home .tools h2,.home .home-article h2,.home .faqs h2,.home main>section.wrap h2{text-align:center;border-left:0;padding-left:0;font-size:1.9rem;font-weight:800;letter-spacing:-.02em;color:var(--navy);margin:2.2rem 0 1rem;padding-bottom:.7rem;position:relative}.home .tools h2:after,.home .home-article h2:after,.home .faqs h2:after,.home main>section.wrap h2:after{content:"";display:block;width:84px;height:6px;margin:.7rem auto 0;border-radius:999px;background:linear-gradient(90deg,#007a4d 0 25%,#ffb612 25% 50%,#de3831 50% 75%,#001489 75% 100%);box-shadow:0 2px 8px rgba(10,42,102,.25)}.home .tools h2:before,.home .home-article h2:before,.home .faqs h2:before,.home main>section.wrap h2:before{content:"◆";display:block;font-size:.7rem;color:var(--gold);letter-spacing:.4em;margin-bottom:.4rem}.home h2.sr-only:after,.home h2.sr-only:before{display:none}@media(max-width:760px){.home .tools h2,.home .home-article h2,.home .faqs h2,.home main>section.wrap h2{font-size:1.5rem}}.inline-image{display:block;max-width:640px;width:100%;margin:1.2rem auto;border-radius:12px;border:1px solid #d7e0ec}.site-footer .disclaimer{color:#fff}.site-footer .footer-brand p{color:#e8eef7}.hero-ref{background:linear-gradient(180deg,#eaf2fb 0%,#ffffff 70%);color:var(--ink);padding:3rem 1rem 2.5rem;position:relative;overflow:hidden}.hero-ref:after{content:"";display:block;height:14px;background:linear-gradient(90deg,#071d47,#1255a0 55%,#f5b301);margin:2.5rem -1rem -2.5rem;border-radius:50% 50% 0 0/100% 100% 0 0}.hero-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:2rem;align-items:center;position:relative;z-index:1}.hero-ref .hero-note{color:var(--blue);font-weight:700;font-size:.95rem;opacity:1}.hero-pill{display:inline-block;background:#0a2a66;color:#fff;font-weight:800;font-size:1.6rem;padding:.3rem 1rem;border-radius:12px;border-right:8px solid var(--gold);margin:.5rem 0}.hero-ref h1{font-size:2.6rem;line-height:1.15;margin:.5rem 0 1rem;color:#0a2a66;max-width:none}.hero-sub{font-size:1.15rem;max-width:640px}.hero-ref .cta a{background:var(--gold);color:#071d47}.hero-cards{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.hero-card{background:#fff;border:1px solid #d7e0ec;border-radius:12px;padding:.7rem .8rem;text-align:center;font-weight:700;color:#0a2a66;font-size:.9rem;box-shadow:0 4px 14px rgba(10,42,102,.08);min-width:110px}@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-ref h1{font-size:1.9rem}.hero-ref h1 .hero-pill{font-size:1.2rem}}.post-nav{display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:2px solid #d7e0ec}.post-nav a{font-weight:700;text-decoration:none}.hero-flag{position:absolute;top:0;right:0;width:38%;height:150px;z-index:0;opacity:.9;background:linear-gradient(135deg,#007a4d 0 28%,#fff 28% 34%,#ffb612 34% 44%,#000 44% 50%,#de3831 50% 68%,#fff 68% 74%,#001489 74% 100%);clip-path:polygon(0 0,100% 0,100% 100%,20% 100%)}.hero-devices{position:relative;padding-bottom:1rem}.device-laptop{border:12px solid #1a1a1a;border-bottom-width:18px;border-radius:16px 16px 6px 6px;background:#1255a0;box-shadow:0 16px 30px rgba(10,42,102,.25)}.laptop-screen{background:linear-gradient(160deg,#2a7de1,#0a2a66);color:#fff;padding:1.2rem 1.4rem;min-height:260px;border-radius:4px}.laptop-screen strong{font-size:1.9rem;letter-spacing:.01em}.screen-login{background:#fff;color:#333;border-radius:10px;padding:.9rem;margin-top:1rem;max-width:220px;margin-left:auto}.screen-login span{display:block;font-size:.95rem;font-weight:600;margin-top:.6rem}.screen-login i{display:block;height:28px;background:#eef2f7;border:1px solid #d7e0ec;border-radius:5px;margin-top:.25rem}.screen-login b{display:block;text-align:center;background:#0a2a66;color:#fff;border-radius:6px;padding:.55rem;margin-top:.8rem;font-size:1rem}.laptop-base{height:10px;background:#cfd6de;border-radius:0 0 20px 20px;margin:0 -20px}.device-phone{position:absolute;right:-6px;bottom:-10px;width:130px;border:8px solid #1a1a1a;border-radius:20px;background:#1255a0;box-shadow:0 10px 24px rgba(10,42,102,.3)}.phone-screen{background:linear-gradient(160deg,#2a7de1,#0a2a66);color:#fff;padding:.8rem .9rem;min-height:230px;border-radius:10px}.phone-screen strong{font-size:1.15rem}.phone-screen .screen-login{margin-left:0;max-width:none;padding:.6rem}.hero-card{text-decoration:none;color:#0a2a66}@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-flag{width:60%;height:90px}.device-phone{width:110px}}.hero-card{display:flex;flex-direction:column;align-items:center;gap:.45rem}.hero-ico{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#eaf2fb;color:#0a2a66;border:2px solid #f5b301}.hero-ico svg{width:26px;height:26px}.hero-card span:last-child{line-height:1.25}.screen-bar{display:flex;gap:.35rem;margin-bottom:.9rem}.screen-bar i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.85)}.screen-sub{display:block;font-size:1rem;opacity:.92;margin-top:.25rem}.laptop-screen .screen-login{max-width:260px}.phone-screen .screen-login span{font-size:.85rem}.post-article img{max-width:620px;width:100%;display:block;margin:1.6rem auto;border-radius:12px;border:1px solid #d7e0ec;box-shadow:0 6px 18px rgba(10,42,102,.10)}.h2-sec{border-radius:16px;padding:1.5rem 1.5rem 1.7rem;margin:2rem 0}.post-article .h2-sec h2,.home-article .h2-sec h2,.h2-sec h2{margin-top:0}.h2-sec.sec-1{background:#f4f7fc;border-left:6px solid #f5b301}.h2-sec.sec-1 h2{text-align:left}.h2-sec.sec-1 h2:before{display:none}.h2-sec.sec-1 h2:after{content:"";display:block;width:64px;height:5px;margin:.6rem 0 0;background:#f5b301;border-radius:999px}.h2-sec.sec-2{background:#fff;border:1px solid #d7e0ec;border-top:6px solid #0a2a66;box-shadow:0 8px 20px rgba(10,42,102,.08)}.h2-sec.sec-2 h2{text-align:center}.h2-sec.sec-3{background:linear-gradient(180deg,#eaf2fb,#fff);border:1px solid #cfe0f5}.h2-sec.sec-3 h2{text-align:center;color:#0a2a66}.h2-sec.sec-3 h2:before{display:block;content:"\25C6";font-size:.7rem;color:#f5b301;letter-spacing:.4em;margin-bottom:.4rem}.h2-sec.sec-3 h2:after{content:"";display:block;width:84px;height:6px;margin:.7rem auto 0;border-radius:999px;background:linear-gradient(90deg,#007a4d 0 25%,#ffb612 25% 50%,#de3831 50% 75%,#001489 75% 100%)}.h2-sec.sec-4{background:#fffdf0;border:1px solid #f0d48a;border-left:6px solid #1255a0}.h2-sec.sec-4 h2{text-align:left;color:#1255a0}.h2-sec.sec-4 h2:before{display:none}.h2-sec.sec-4 h2:after{content:"";display:block;width:64px;height:5px;margin:.6rem 0 0;background:#1255a0;border-radius:999px}.h2-sec.sec-5{background:#eef7f1;border:1px solid #cfe8d8}.h2-sec.sec-5 h2{text-align:center}.h2-sec.sec-6{background:#fff;border:2px solid #0a2a66}.h2-sec.sec-6 h2{text-align:left;color:#0a2a66;border-left:6px solid #f5b301;padding-left:.7rem}.h2-sec.sec-6 h2:before{display:none}.h2-sec.sec-6 h2:after{content:"";display:block;width:64px;height:5px;margin:.6rem 0 0;background:#f5b301;border-radius:999px}.h2-sec.sec-faq{background:#f4f7fc;border:1px solid #d7e0ec}.h2-sec.sec-faq h2{margin-top:0}.h2-sec table{margin:1rem 0}@media(min-width:1280px){main{max-width:1140px}.home .wrap{max-width:1140px}.hero-ref h1{font-size:2.8rem}.hero-grid{gap:2.5rem}}@media(max-width:1180px){.hero-grid{gap:1.5rem}.hero-ref h1{font-size:2.3rem}.hero-devices{max-width:440px}}@media(max-width:1024px){.hero-grid{grid-template-columns:1.05fr .95fr}.hero-ref h1{font-size:2.1rem}.hero-ref h1 .hero-pill{font-size:1.35rem}.tool-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1.5fr 1fr;gap:1.5rem}.post-hero h1{font-size:2.1rem}.post-article h2{font-size:1.6rem}}@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-devices{max-width:420px;margin:0 auto;width:100%}.hero-flag{width:60%;height:90px}.device-phone{width:110px}.hero-card{min-width:100px;font-size:.85rem}.hero-ico{width:40px;height:40px}.hero-ico svg{width:22px;height:22px}.h2-sec{padding:1.1rem 1rem;margin:1.5rem 0}.h2-sec h2{font-size:1.45rem}.post-article img{max-width:100%}.tool-grid{grid-template-columns:1fr}.post-hero h1{font-size:1.7rem;padding:1.1rem .9rem}.scroll-btn{bottom:4.5rem;padding:.5rem .8rem}}@media(max-width:480px){body{font-size:16px}.hero-ref{padding:2rem .9rem}.hero-ref h1{font-size:1.65rem}.hero-ref h1 .hero-pill{font-size:1.05rem}.hero-sub{font-size:1rem}.hero-cards{gap:.45rem}.hero-card{min-width:calc(50% - .3rem);font-size:.82rem}.device-laptop{border-width:8px}.laptop-screen{min-height:220px;padding:.9rem}.laptop-screen strong{font-size:1.5rem}.device-phone{width:96px;bottom:-6px}.phone-screen{min-height:190px}.post-hero h1{font-size:1.45rem}.h2-sec.sec-3 h2{font-size:1.3rem}.footer-inner{padding:1.6rem 1rem}.brand-text{font-size:1.1rem}}.tool-card summary{display:flex;align-items:center;gap:.55rem}.tool-ico{display:inline-flex;flex:none;color:#0a2a66}.tool-ico svg{width:21px;height:21px}.hero-image{width:100%;max-width:560px;display:block;border-radius:16px;box-shadow:0 18px 36px rgba(10,42,102,.28);margin-left:auto}@media(max-width:1024px){.hero-image{max-width:480px;margin:0 auto}}@media(max-width:760px){.hero-image{max-width:100%}}.post-article .h2-sec h2,.home-article .h2-sec h2,.home .h2-sec h2,.h2-sec h2{color:#0a2a66 !important;background:transparent !important}.h2-sec{border-radius:16px;padding:1.6rem 1.6rem 1.8rem;margin:2.2rem 0;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 16px rgba(10,42,102,.05)}.h2-sec.sec-1{background:#f8fafc;border-left:6px solid #f5b301}.h2-sec.sec-2{background:#fff;border-top:6px solid #0a2a66}.h2-sec.sec-3{background:linear-gradient(180deg,#eef4fb,#fff)}.h2-sec.sec-4{background:#fffdf5;border-left:6px solid #1255a0}.h2-sec.sec-5{background:#f4faf6}.h2-sec.sec-6{background:#fff;border:2px solid #dbe4f0}.h2-sec.sec-faq{background:#f8fafc}.h2-sec h2{font-size:1.75rem;line-height:1.3;letter-spacing:-.01em}.h2-sec p,.h2-sec li{color:#1a2433}.h2-sec table{box-shadow:0 2px 10px rgba(10,42,102,.05)}.post-tool{margin:2rem 0}.post-tool h2{color:#0a2a66;font-size:1.5rem;margin:0 0 .4rem;text-align:left}.post-tool h2:before{display:none}.post-tool .tool-note{font-size:.9rem;color:#5a6b80;margin:.3rem 0 .6rem}.post-tool .check-row{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem .2rem;border-bottom:1px solid #e2e8f0;cursor:pointer}.post-tool .check-row input{width:1.1rem;height:1.1rem;margin-top:.15rem;flex:none}.post-tool .progress{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:.8rem 0 .4rem}.post-tool .progress i{display:block;height:100%;width:0;background:#007a4d;transition:width .3s}.article ol>li:before{background:linear-gradient(135deg,#0a2a66,#1255a0);border:2px solid #f5b301;box-shadow:0 3px 8px rgba(10,42,102,.28);width:1.9rem;height:1.9rem;font-size:1rem}.article ul li::marker{color:#f5b301;font-size:1.15em}.hero-ico{background:linear-gradient(135deg,#0a2a66,#1255a0);color:#fff;border:2px solid #f5b301;box-shadow:0 4px 10px rgba(10,42,102,.25);transition:transform .2s,box-shadow .2s}a.hero-card:hover .hero-ico,span.hero-card:hover .hero-ico{transform:translateY(-2px);box-shadow:0 7px 14px rgba(10,42,102,.32)}.hero-card{transition:transform .2s,box-shadow .2s}a.hero-card:hover,span.hero-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(10,42,102,.16)}.tool-ico{display:inline-flex;flex:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#0a2a66,#1255a0);color:#fff;border:2px solid #f5b301;box-shadow:0 3px 8px rgba(10,42,102,.22)}.tool-ico svg{width:19px;height:19px}.faqs summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:"\203A";flex:none;width:1.7rem;height:1.7rem;border-radius:50%;background:#eaf2fb;color:#0a2a66;border:2px solid #f5b301;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:transform .25s,background .25s}.faqs details[open] summary:after{transform:rotate(90deg);background:#f5b301;color:#071d47}.scroll-btn{box-shadow:0 4px 12px rgba(10,42,102,.3);transition:transform .2s}.scroll-btn:hover{transform:translateY(-2px)}.menu-btn{box-shadow:0 3px 8px rgba(10,42,102,.25)}.post-tool .check-row input{accent-color:#0a2a66}.faqs{counter-reset:faq}.faqs details{counter-increment:faq;position:relative;overflow:hidden;border:1px solid #d7e0ec;border-radius:14px;padding:0;margin:.7rem 0;background:#fff;box-shadow:0 2px 10px rgba(10,42,102,.06);transition:box-shadow .25s,border-color .25s,transform .25s}.faqs details:hover{border-color:#f5b301;box-shadow:0 6px 18px rgba(10,42,102,.12);transform:translateY(-1px)}.faqs details:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#f5b301,#e8a100)}.faqs details[open]{border-color:#0a2a66;box-shadow:0 8px 22px rgba(10,42,102,.14)}.faqs summary{list-style:none;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:700;color:var(--navy);padding:.95rem 1.1rem .95rem 1.3rem}.faqs summary::-webkit-details-marker{display:none}.faqs summary:before{content:counter(faq,decimal-leading-zero);flex:none;width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#0a2a66,#1255a0);color:#f5b301;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;box-shadow:0 2px 6px rgba(10,42,102,.3)}.faqs details[open] summary{background:linear-gradient(135deg,#0a2a66,#1255a0);color:#fff}.faqs details[open] summary:before{background:#f5b301;color:#071d47;box-shadow:none}.faqs summary:after{content:"\203A";flex:none;width:1.7rem;height:1.7rem;margin-left:auto;border-radius:50%;background:#eaf2fb;color:#0a2a66;border:2px solid #f5b301;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:transform .25s,background .25s,color .25s}.faqs details[open] summary:after{transform:rotate(90deg);background:#f5b301;color:#071d47;border-color:#f5b301}.faqs details p{margin:0;padding:1rem 1.25rem 1.1rem 3.6rem;color:#33415c;line-height:1.65;border-top:1px dashed #d7e0ec}.h2-sec.sec-faq{background:linear-gradient(180deg,#eef3fa,#f8fafc)}.home .faqs{background:linear-gradient(180deg,#eef3fa,#f8fafc);border:1px solid #d7e0ec;border-radius:16px;padding:0 1.1rem 1.1rem}@media(max-width:480px){.faqs summary{padding:.8rem .9rem .8rem 1rem;gap:.6rem}.faqs summary:before{width:1.7rem;height:1.7rem;font-size:.7rem}.faqs details p{padding:.85rem 1rem .95rem 1rem}.home .faqs{padding:0 .7rem .7rem}}button,.tool-card button{min-height:44px}input,.tool-card select{min-height:44px;padding:.7rem}.breadcrumbs{font-size:.9rem;color:var(--muted);margin:1rem 0 .5rem}.breadcrumbs a{color:var(--navy);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.toc{background:var(--light);border:1px solid #d7e0ec;border-radius:12px;padding:1rem 1.2rem;margin:1.5rem 0}.toc-title{font-weight:800;margin:0 0 .5rem}.toc ul{margin:0;padding-left:1.2rem}.toc li{margin:.35rem 0}.toc a{color:var(--navy)}.related{margin:2.5rem 0}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.related-card{border:1px solid #d7e0ec;border-radius:12px;padding:1rem;background:#fff}.related-card a{color:var(--navy);font-weight:700;text-decoration:none}.related-card a:hover{text-decoration:underline}.share{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:2rem 0}.share span{font-weight:700}.share a,.share button{background:var(--navy);color:#fff;padding:.5rem .9rem;border-radius:8px;text-decoration:none;font-size:.95rem;min-height:44px;display:inline-flex;align-items:center}.theme-toggle{background:none;border:1px solid #d7e0ec;border-radius:8px;padding:.45rem .6rem;cursor:pointer;line-height:1;color:var(--navy)}html.dark body{background:#0d1526;color:#e8ecf3}html.dark .site-header{background:#0d1526}html.dark .brand-text{color:#f2f5fa}html.dark .main-nav a{color:#dbe4f2}html.dark .h2-sec{background:#16233d}html.dark h2{color:#f2f5fa !important}html.dark h3{color:#cfe0ff}html.dark .h2-sec p,html.dark .h2-sec li,html.dark .article p,html.dark .article li{color:#e8ecf3}html.dark .faqs{background:linear-gradient(180deg,#16233d,#0d1526)}html.dark details.faq{background:#16233d;border-color:#2a3a5c}html.dark details.faq summary{color:#e8ecf3}html.dark .tool-card{background:#16233d;border-color:#2a3a5c;color:#e8ecf3}html.dark .post-tool{background:#16233d}html.dark input,html.dark select,html.dark textarea{background:#0d1526;color:#e8ecf3;border-color:#2a3a5c}html.dark table th{background:#1e2f52;color:#fff}html.dark table td{border-color:#2a3a5c}html.dark a{color:#8fb4ff}html.dark .toc{background:#16233d;border-color:#2a3a5c}html.dark .toc a{color:#8fb4ff}html.dark .related-card{background:#16233d;border-color:#2a3a5c}html.dark .related-card a{color:#8fb4ff}html.dark .breadcrumbs{color:#a8b6cc}html.dark .breadcrumbs a{color:#8fb4ff}html.dark .post-article img,html.dark .hero-image{filter:brightness(.92)}html.dark .theme-toggle{color:#f2f5fa;border-color:#2a3a5c}html.dark .search-results{background:#16233d;border-color:#2a3a5c}html.dark .search-results a{color:#e8ecf3}@media print{.topbar,.header-search,.menu-btn,.main-nav,.scroll-btn,.site-footer,.post-tool,.tools,.hero-cards,.cta,.theme-toggle,.share,.related,.breadcrumbs,.toc{display:none!important}body{background:#fff;color:#000;font-size:12pt}a{color:#000;text-decoration:underline}.hero{background:#fff;color:#000}.hero-image{display:none}.post-article img{max-width:100%}.h2-sec{border:1px solid #ccc;break-inside:avoid}}@media(max-width:760px){.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.hero-card{min-width:0}.hero-card:last-child{grid-column:1/-1}}
@media(max-width:760px){.article table,.h2-sec table{display:block;width:100%;overflow-x:visible;border:0}.article table thead,.h2-sec table thead{display:none}.article table tbody,.h2-sec table tbody{display:block;width:100%}.article table tr,.h2-sec table tr{display:block;width:100%;margin-bottom:1rem;border:1px solid #d7e0ec;border-radius:10px;overflow:hidden;background:#fff}.article table td,.h2-sec table td{display:block;width:100%;border:0;border-bottom:1px solid #eef2f7;padding:.6rem .8rem;text-align:left}.article table td:last-child,.h2-sec table td:last-child{border-bottom:0}.article table td[data-label]:before,.h2-sec table td[data-label]:before{content:attr(data-label);display:block;font-weight:700;color:#0a2a66;font-size:.85rem;margin-bottom:.2rem}html.dark .article table tr,html.dark .h2-sec table tr{background:#16233d;border-color:#2a3a5c}html.dark .article table td,html.dark .h2-sec table td{border-bottom-color:#2a3a5c}html.dark .article table td[data-label]:before,html.dark .h2-sec table td[data-label]:before{color:#8fb4ff}}
