:root{color-scheme:light;--paper:#f6f5ef;--ink:#213a32;--muted:#66736b;--line:#dcded4;--white:#fffef9;--accent:#b8d899;font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b3642e;outline-offset:5px}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:22px}.wordmark{font-size:42px;font-weight:800;letter-spacing:-3px;line-height:1}.dot{color:#9aae87}.brand-divider{width:1px;height:24px;background:#bcc5b7}.portal-name{font-size:11px;letter-spacing:2px;font-weight:700}.intro{display:flex;justify-content:space-between;align-items:center;padding:52px 0 45px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;margin:0 0 20px;color:#6c7f5c}h1{font-size:clamp(35px,4vw,48px);line-height:1.25;font-weight:600;letter-spacing:-1.9px;margin:0}.intro-copy{font-size:15px;line-height:1.8;margin:20px 0 0;color:var(--muted)}.mobile-break{display:none}.intro-mark{width:176px;height:176px;margin-right:44px;transform:rotate(-20deg)}.intro-mark svg{width:100%;stroke:#91a87c;stroke-width:1.5}.section-label{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.section-label h2{font-size:13px;margin:0;font-weight:600}.section-label>span{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.card-number{font-size:10px;letter-spacing:1.4px;color:#788572;font-weight:600}.icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.card h3{font-size:25px;line-height:1.25;letter-spacing:-.8px;margin:0 0 12px;font-weight:600}.card-description{color:var(--muted);font-size:13px;line-height:1.8;margin:0;min-height:48px}.hint{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;margin-bottom:25px;flex:1;min-height:95px}.hint>span{font-size:10px;color:var(--muted);letter-spacing:.2px}.hint p{font-size:12px;line-height:1.65;margin:7px 0 0;font-weight:600}.hint small{font-size:10px;display:block;margin-top:6px;color:var(--muted);line-height:1.5}.action{border-radius:5px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:13px;font-weight:600;min-height:48px;transition:background .15s,transform .15s}.action:hover{transform:translateY(-2px)}.action>span[aria-hidden]{font-size:19px;line-height:1}.primary{background:#e8eddf;color:#233c2f}.primary:hover{background:#dbe6cd}.records{background:var(--ink);border-color:var(--ink);color:#f7f7ed}.records .card-number{color:#bfd19c}.records .card-description,.records .hint>span,.records .hint small{color:#c0cbbf}.records .hint{border-color:#516456}.light{background:var(--accent);color:#20382c}.light:hover{background:#c8e8a9}.help{padding:22px 4px 30px}.help details{font-size:12px;color:var(--muted)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:30px}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:20px;font-weight:400}details[open] summary::after{content:'−'}.help-content{max-width:820px;line-height:1.9;padding-top:5px}.footer{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:25px 0 30px;color:var(--muted);font-size:10px}.footer>span:first-child{letter-spacing:1.5px;font-weight:700;color:var(--ink)}.footer p{margin:0}.footer-end{margin-left:auto;font-family:Georgia,serif;font-style:italic;font-size:12px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;top:8px;left:8px;padding:12px;background:white;z-index:10}html[lang=en] h1{letter-spacing:-1.6px}html[lang=en] .card h3{font-size:23px;min-height:58px}html[lang=en] .card-description{min-height:70px}
@media(min-width:1400px){.intro{padding-top:64px;padding-bottom:55px}.card{padding:30px}.card-top{margin-bottom:34px}}
@media(max-width:960px){.wrap{width:calc(100% - 48px)}.card{padding:21px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card-description br{display:none}.intro-mark{margin-right:10px;width:145px}.hint p{font-size:11px}.footer-end{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:84px}.wordmark{font-size:36px}.brand{gap:13px}.brand-divider{height:20px}.portal-name{font-size:9px;letter-spacing:1.1px}.intro{padding:37px 0 32px}.intro-mark{display:none}.eyebrow{font-size:9px;margin-bottom:16px}h1{font-size:36px;letter-spacing:-1.5px}.intro-copy{font-size:13px;margin-top:17px}.mobile-break{display:block}.section-label{gap:12px;align-items:baseline}.section-label h2{font-size:12px}.section-label>span{font-size:9px}.cards{grid-template-columns:1fr;gap:14px}.card{padding:24px}.card-top{margin-bottom:19px}.card h3{font-size:25px}.card-description,.card-description br{min-height:0}.card-description br{display:none}.hint{margin:18px 0 20px;padding-top:15px;min-height:0}.hint p{font-size:12px}.hint p br{display:none}.hint small{font-size:11px}.action{min-height:50px}.help{padding:20px 0 23px}.footer{flex-wrap:wrap;gap:10px;padding:22px 0}.footer p{flex-basis:100%;line-height:1.6}html[lang=en] .card h3{min-height:0}html[lang=en] h1{font-size:35px}html[lang=en] .card-description{min-height:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.action:hover{transform:none}}