:root{--navy:#123b70;--blue:#2563eb;--gold:#e9b44c;--bg:#f5f7fb;--ink:#182b45}*{box-sizing:border-box}body{font-family:Sarabun,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none}.topbar{background:#fff;border-bottom:1px solid #e3eaf3;padding:14px 0}.brand{display:flex;align-items:center;gap:11px;color:var(--navy)}.brand-icon{height:43px;width:43px;display:grid;place-items:center;background:#eaf1fc;border-radius:12px;font-size:23px}.brand strong,.brand small{display:block}.brand strong{font-size:18px;line-height:1.1}.brand small{font-size:12px;margin-top:4px}.topbar nav{align-items:center;font-weight:700;font-size:14px}.topbar nav a{color:#405573}.topbar nav .main-link{border:1px solid #cfdaeb;border-radius:9px;padding:8px 11px}.hero{background:linear-gradient(115deg,#0d315f,#174f8d 70%,#1d62a6);color:white;overflow:hidden}.hero-inner{min-height:354px;display:grid;grid-template-columns:1fr 420px;align-items:center;gap:35px}.eyebrow{display:inline-block;color:#ffd77f;font-size:13px;font-weight:700;letter-spacing:.08em}.hero h1{font-weight:800;font-size:clamp(37px,5vw,60px);line-height:1.13;margin:16px 0}.hero h1 em{font-style:normal;color:#ffd477}.hero p{max-width:490px;color:#d5e5fb;font-size:17px}.btn-gold{background:var(--gold);color:#142b46;font-weight:800;border:0;padding:12px 22px}.hero-art{height:320px;position:relative}.art-sun{position:absolute;background:#ffdb89;width:164px;height:164px;border-radius:50%;right:36px;top:30px;opacity:.9}.art-sign{position:absolute;background:#f9fbff;color:var(--navy);border:10px solid #f0b74e;border-radius:11px;box-shadow:0 18px 35px #09244378;left:55px;top:55px;width:310px;height:168px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-3deg);text-align:center}.art-sign span{font-size:35px;font-weight:800;line-height:1}.art-sign small{letter-spacing:.18em;font-size:11px;margin-top:10px}.art-post{position:absolute;left:199px;top:204px;width:19px;height:115px;background:#c3d5e9}.art-ground{position:absolute;left:0;right:0;bottom:0;height:19px;background:#79a779;border-radius:100% 100% 0 0}.art-badge{position:absolute;right:3px;bottom:31px;background:#fff;color:#1d4879;border-radius:30px;padding:10px 15px;font-weight:800;box-shadow:0 9px 23px #0b2a5580}.work-section{padding-top:57px;padding-bottom:70px}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:#2d6ad2}.section-title h2,.knowledge h2{font-size:30px;font-weight:800;margin:5px 0}.section-title p{margin:0;color:#67798f}.year-chip{background:#e9f1ff;border-radius:30px;padding:9px 16px;color:#2355a1;font-weight:800;white-space:nowrap}.panel{background:white;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 7px 25px #19385e0a;padding:25px;margin-bottom:17px}.panel-head{display:flex;gap:14px;align-items:center;margin-bottom:23px}.step{background:#e9f1fe;color:#2464c5;border-radius:11px;padding:9px 12px;font-weight:800}.panel-head h3{font-size:19px;font-weight:800;margin:0}.panel-head p{font-size:13px;color:#7d8ba0;margin:3px 0 0}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.type-card{border:2px solid #e4eaf3;background:#fff;border-radius:13px;padding:13px;text-align:left;min-height:139px;cursor:pointer;transition:.2s}.type-card:hover,.type-card.selected{border-color:#2d6ce1;background:#f3f7ff}.type-card strong,.type-card small{display:block}.type-card strong{font-size:14px;margin-top:8px}.type-card small{font-size:12px;color:#64758c;line-height:1.3}.type-illustration{display:block;height:43px;width:64px;background:#dce8fb;color:#174c89;border-radius:6px;text-align:center;line-height:43px;font-weight:800;box-shadow:4px 4px 0 #efbe61}.form-label{font-weight:700;font-size:14px}.form-control,.form-select{border-color:#d9e2ef;border-radius:10px;min-height:45px}.form-control:focus,.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 .2rem #2563eb1f}.radio-row{display:flex;gap:12px;flex-wrap:wrap}.radio-tile{border:1px solid #dbe4ef;border-radius:11px;padding:12px 14px;flex:1;min-width:205px;cursor:pointer}.preview{background:#f3f7fd;border:1px dashed #b4c6df;border-radius:13px;min-height:120px;display:grid;place-items:center;margin-top:17px}.preview-board{background:#dbeaff;border:3px solid #7199d2;box-shadow:0 6px 13px #7199d244;border-radius:5px;color:#3c669c;display:grid;place-items:center;font-weight:800;min-width:80px;min-height:35px}.metric{font-size:13px;color:#65758c;margin-top:12px}.metric strong{color:#1d4f8d}.add-btn{border-style:dashed;border-width:2px;font-weight:800;width:100%;padding:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn-primary{background:var(--blue);border-color:var(--blue);font-weight:800}.result-panel{background:#fff;border:1px solid #dfe7f2;border-radius:18px;box-shadow:0 10px 35px #1d3b630d;overflow:hidden;position:sticky;top:20px}.result-top{background:#133d73;color:#fff;padding:18px 22px;font-weight:800;display:flex;gap:9px}.empty-result{text-align:center;padding:50px 25px;color:#75869b}.empty-result i{font-size:50px;color:#b7c8df}.empty-result h3{font-size:20px;color:#294768;margin:13px 0 4px;font-weight:800}.result-content{padding:22px}.total-label{font-size:13px;color:#647993}.total-number{font-size:37px;color:#123b70;font-weight:800;line-height:1.2}.result-list{font-size:13px;padding:0;list-style:none}.result-list li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ebeff5;padding:10px 0}.notice{background:#fff8e9;border-left:4px solid #e9b44c;padding:12px;border-radius:6px;font-size:12px;color:#6a552f}.help-panel{display:flex;gap:14px;background:#e8f0fb;border-radius:15px;padding:20px;margin-top:16px}.help-panel>i{font-size:30px;color:#2865b6}.help-panel p{font-size:13px;color:#5c7090;margin:4px 0}.help-panel a{font-weight:800;font-size:13px}.knowledge{background:#fff;padding:55px 0 65px}.knowledge h2{margin-top:6px}.info-card{height:100%;border:1px solid #e2e9f2;border-radius:16px;padding:23px}.info-card i{font-size:28px;color:#235cc1}.info-card h3{font-weight:800;font-size:18px;margin:14px 0 7px}.info-card p{color:#66768b;font-size:14px;margin:0}.source-note{font-size:12px;color:#718198;margin-top:22px}footer{background:#0d315e;color:#c7d8eb;padding:22px 0;font-size:12px}@media(max-width:900px){.hero-inner{grid-template-columns:1fr 280px}.hero-art{transform:scale(.75);transform-origin:center}}@media(max-width:700px){.topbar nav a:not(.main-link){display:none}.brand strong{font-size:15px}.brand small{font-size:10px}.hero-inner{display:block;padding-top:46px;padding-bottom:34px}.hero-art{display:none}.type-grid{grid-template-columns:1fr}.type-card{min-height:70px;display:flex;gap:14px;align-items:center}.type-card strong{margin:0}.section-title{display:block}.year-chip{display:inline-block;margin-top:14px}.panel{padding:18px}.work-section{padding-top:35px}.result-panel{position:static}.hero h1{font-size:38px}}
@media print{.topbar,.hero,.knowledge,footer,.col-lg-8,.help-panel,.result-content .d-grid{display:none!important}.work-section{padding:0}.col-lg-4{width:100%}.result-panel{border:0;box-shadow:none}.result-top{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.type-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:0}.type-illustration{display:block;width:100%;height:auto;aspect-ratio:300/194;object-fit:cover;border-radius:12px;background:#196386;box-shadow:none}.type-card strong{margin-top:0}.type-card small{margin-top:3px}@media(max-width:700px){.type-card{flex-direction:row;align-items:center}.type-illustration{width:92px;height:62px;aspect-ratio:auto;flex:none}}

.type-grid{gap:14px}.type-card{position:relative;display:flex;flex-direction:column;gap:0;min-height:252px;padding:0;overflow:hidden;text-align:left;background:#fff;border:1px solid #dce5f0;border-radius:18px;box-shadow:0 3px 13px #1536570a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.type-card:hover{transform:translateY(-3px);border-color:#8db2e9;box-shadow:0 12px 25px #1536571b}.type-card.selected{border:2px solid #2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a,0 11px 26px #1536571c}.type-visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:139px;background:linear-gradient(140deg,#eaf3fd,#daeafb);overflow:hidden}.type-card-2 .type-visual{background:linear-gradient(140deg,#f0f3fb,#e1e8f8)}.type-card-3 .type-visual{background:linear-gradient(140deg,#eef5f8,#dbeaf0)}.type-illustration{display:block;width:79%;height:109px;aspect-ratio:auto;object-fit:contain;border-radius:0;background:transparent;box-shadow:none;filter:drop-shadow(0 7px 8px #0e416025)}.type-number{position:absolute;top:12px;left:12px;z-index:1;padding:3px 9px;background:#ffffffeb;border:1px solid #ffffff;color:#195587;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.08em}.type-selected-icon{position:absolute;top:11px;right:11px;z-index:1;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#2563eb;color:#fff;box-shadow:0 3px 8px #17449b55;opacity:0;transform:scale(.7);transition:opacity .2s,transform .2s}.type-card.selected .type-selected-icon{opacity:1;transform:scale(1)}.type-copy{display:flex;flex-direction:column;align-items:flex-start;padding:15px 15px 18px}.type-caption{font-size:11px;font-weight:800;letter-spacing:.07em;color:#2866bf}.type-copy strong{font-size:17px;line-height:1.2;margin:5px 0;color:#142f50}.type-copy small{font-size:12px;line-height:1.4;color:#64758c;min-height:34px;margin:0}@media(max-width:700px){.type-card{min-height:112px;flex-direction:row;align-items:stretch}.type-visual{width:125px;min-width:125px;height:auto;min-height:110px}.type-illustration{width:105px;height:76px}.type-number{top:8px;left:8px;font-size:10px}.type-selected-icon{top:8px;right:8px;width:23px;height:23px}.type-copy{justify-content:center;padding:12px 14px}.type-copy strong{font-size:16px}.type-copy small{min-height:0}}

.display-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.display-card{position:relative;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;background:#fff;border:1px solid #dce5f0;border-radius:17px;box-shadow:0 3px 13px #1536570a;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.display-card:hover{transform:translateY(-2px);border-color:#8db2e9;box-shadow:0 11px 24px #15365718}.display-card:has(.display-input:checked){border:2px solid #2563eb;box-shadow:0 0 0 3px #2563eb1a,0 10px 24px #15365718}.display-card:focus-within{outline:3px solid #8ab5ff;outline-offset:2px}.display-input{position:absolute;width:1px;height:1px;opacity:0}.display-visual{position:relative;display:block;padding:12px;background:linear-gradient(140deg,#edf4fd,#e1ebf8)}.display-card:nth-child(2) .display-visual{background:linear-gradient(140deg,#e7edf9,#dce6f5)}.display-visual img{display:block;width:100%;height:auto;aspect-ratio:360/160;object-fit:cover;border-radius:11px}.display-check{position:absolute;right:21px;top:21px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#2563eb;color:#fff;box-shadow:0 3px 9px #102f6780;opacity:0;transform:scale(.7);transition:opacity .2s,transform .2s}.display-card:has(.display-input:checked) .display-check{opacity:1;transform:scale(1)}.display-copy{display:flex;flex-direction:column;gap:5px;padding:15px 17px 18px}.display-copy strong{font-size:16px;line-height:1.3;color:#173a66}.display-copy small{font-size:12px;line-height:1.4;color:#65778f}@media(max-width:700px){.display-grid{grid-template-columns:1fr}.display-card{flex-direction:row}.display-visual{width:38%;min-width:120px;display:flex;align-items:center;padding:8px}.display-visual img{aspect-ratio:360/160}.display-copy{justify-content:center;padding:10px 12px}.display-copy strong{font-size:15px}.display-check{top:12px;right:12px;width:23px;height:23px}}
.type-illustration{width:90%;height:122px}@media(max-width:700px){.type-illustration{width:110px;height:78px}}

.land-tax-section{padding:56px 0;background:#eaf1fb;scroll-margin-top:24px}.land-tax-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.land-tax-heading h2{font-size:29px;font-weight:800;margin:8px 0;line-height:1.4}.land-tax-heading h2 span{color:#2563eb;white-space:nowrap}.land-tax-heading p{color:#61748e;margin:0}.land-tax-icon{display:grid;place-items:center;width:76px;height:76px;flex:none;border-radius:22px;background:#fff;color:#2563eb;font-size:35px;box-shadow:0 8px 25px #173a6810}.land-tax-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.land-tax-main{padding:30px;border-radius:20px;background:linear-gradient(125deg,#123b70,#205ca1);color:#fff;box-shadow:0 12px 30px #123b701a}.land-tax-tag{display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:700;color:#ffe09b}.land-tax-deadline-label{margin:25px 0 2px;color:#d8e7fc}.land-tax-main h3{font-size:43px;font-weight:800;margin:0 0 10px}.land-tax-main h3 span{font-size:27px;color:#ffd681;white-space:nowrap}.land-tax-main>p:last-child{font-size:13px;color:#d8e7fc;margin:0}.land-tax-installments{padding:26px 28px;background:#fff;border:1px solid #dbe5f3;border-radius:20px}.land-tax-installments h3{font-size:19px;font-weight:800;color:#173e72;margin:0 0 16px}.land-tax-installments h3 i{margin-right:7px;color:#2563eb}.land-tax-installments ol{list-style:none;padding:0;margin:0}.land-tax-installments li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e9eef6}.land-tax-installments li span{font-size:14px;color:#6a7b91}.land-tax-installments li strong{color:#234e86}.land-tax-installments>p{font-size:12px;line-height:1.6;color:#718198;margin:13px 0 0}.land-tax-status{display:flex;align-items:flex-start;gap:11px;padding:16px 19px;background:#fff7e5;border:1px solid #ecd4a5;border-radius:13px;margin-top:20px;color:#705721}.land-tax-status>i{font-size:20px}.land-tax-status p{font-size:14px;line-height:1.7;margin:0}.land-tax-status strong{display:block}.land-tax-status a{color:#775515;text-decoration:underline}.land-tax-section .source-note{line-height:1.7;margin-bottom:0}@media(max-width:767px){.land-tax-grid{grid-template-columns:1fr}.land-tax-heading h2{font-size:25px}.land-tax-icon{display:none}.land-tax-section{padding:38px 0}.land-tax-main,.land-tax-installments{padding:24px}.land-tax-main h3{font-size:37px}.land-tax-main h3 span{font-size:25px}}@media print{.land-tax-section{display:none!important}}
