@charset "UTF-8";
:root{--ink:#152836;--sub:#536577;--green:#01875f;--green2:#066348;--light:#e8f7f0;--line:#e1e9ed;--bg:#f6f9fb;--shadow:0 12px 38px rgba(18,44,47,.065);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}a{color:#096b55;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #3bab8b;outline-offset:2px}
.container{max-width:1160px;margin:auto;padding:0 22px}.skip{position:absolute;top:-80px;background:var(--green);color:white;padding:8px;z-index:30}.skip:focus{top:4px}
.top{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topinner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:75px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}.logo{font-size:23px;letter-spacing:-.7px;font-weight:800;color:var(--ink)}.logo b{color:var(--green)}nav{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:14px;font-weight:700}nav a{color:#274459}nav .active{color:var(--green)}
.hero{background:linear-gradient(117deg,#082a28,#07563b 70%,#16835e);color:white;padding:65px 0 60px}.hero h1{max-width:850px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.14;letter-spacing:-1.4px;margin:12px 0 18px}.hero p{max-width:760px;color:#e2f7ed}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#c9f3d7!important}.lead{font-size:clamp(1rem,1.8vw,1.18rem)}
.section{padding:38px 0}.section h2{font-size:clamp(1.45rem,2vw,1.95rem);line-height:1.3}.intro{max-width:770px;color:var(--sub)}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}.toolbar input,.toolbar select{min-width:200px;max-width:100%;font:inherit;border-radius:10px;border:1px solid #cbd8de;padding:11px 14px;background:white;color:var(--ink)}.toolbar label{display:flex;flex-direction:column;font-weight:700;font-size:13px;gap:4px}.counter{margin-left:auto;font-weight:800;color:var(--green2)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:15px}.card,.article,.box,.recommend,.notice,.method{background:white;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.card{padding:21px;display:flex;flex-direction:column}.card small{font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--green)}.card h3{font-size:19px;line-height:1.35;margin:9px 0 12px}.card h3 a{color:var(--ink)}.card p{color:var(--sub);font-size:14px;flex-grow:1}.card .more{font-weight:800;margin-top:8px;font-size:14px}.app-pill{color:var(--green2);font-size:12px;font-weight:700;background:var(--light);padding:3px 9px;border-radius:99px;display:inline-block}
.article{max-width:890px;margin:auto;padding:clamp(18px,4vw,35px)}.box{padding:22px;box-shadow:none;margin-bottom:18px}.toolform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.toolform label{display:flex;flex-direction:column;gap:5px;font-weight:750;font-size:14px}.toolform label.wide{grid-column:1/-1}input[type=text],input[type=number],input[type=date],input[type=url],textarea,select{width:100%;font:inherit;color:var(--ink);background:#fcfefd;border:1px solid #cbd8de;border-radius:10px;padding:11px 12px;min-height:46px}textarea{min-height:110px;resize:vertical}.toolform label:has(input[type=checkbox]){flex-direction:row;align-items:center}.toolform input[type=checkbox]{width:auto}.toolform input[type=radio]{width:auto}
.btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;background:var(--green);padding:11px 18px;border:1px solid var(--green);color:white;border-radius:10px;font:inherit;font-weight:800;cursor:pointer}.btn:hover{background:var(--green2);color:white;text-decoration:none}.btn.secondary{background:#f0f7f5;color:#11624d;border-color:#d1eae0}.btn.secondary:hover{background:#e0f3ea}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.resulthead{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.resulthead h2{font-size:1.35rem}.resulthead button{margin-left:7px}.output{font-size:15px;min-height:96px;white-space:pre-wrap;overflow-wrap:anywhere;background:#102d2b;color:#f0faf4;border:1px solid #17463f;padding:20px;border-radius:12px;line-height:1.7;tab-size:2}.muted,.small{font-size:13px;color:var(--sub)}.method,.recommend,.notice{padding:20px;margin:24px 0;box-shadow:none}.method li{margin-bottom:7px}.appactions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.appcard{border:1px solid #dbe9e3;border-radius:13px;padding:15px;margin:14px 0;background:#f8fcfa}.appcard h4{margin:0 0 5px}.appcard p{margin:4px 0 12px;color:var(--sub);font-size:14px}.readmore{margin:25px 0}.tag{display:inline-block;font-size:13px;margin:3px 8px 3px 0;padding:6px 10px;background:var(--light);border-radius:9px}.breadcrumb{font-size:14px;margin:20px 0;color:var(--sub)}.breadcrumb a{color:var(--green2)}.footer{background:#0f282c;color:#d8e7e5;padding:32px 0 45px;margin-top:45px}.footer p{margin:6px 0}.footer a{color:#acf3ce}.check{color:#1a735b;font-weight:bold}.notice{background:#fffcf3;border-color:#f3e2a8}.hidden{display:none!important}
@media(max-width:760px){.topinner{justify-content:center}.hero{padding:42px 0}.toolform{grid-template-columns:1fr}.toolform label.wide{grid-column:auto}.counter{margin-left:0;width:100%}.toolbar input,.toolbar select{min-width:0;width:100%}.toolbar label{width:100%}.article{padding:16px}.resulthead button{margin:0 3px 5px 0}.grid{grid-template-columns:1fr}}