.period-tool{margin:24px 0;padding:24px;background:var(--card,#fff);border-radius:22px;box-shadow:0 8px 28px #25352f0b;color:var(--ink,#25352f)}
.period-tool summary{cursor:pointer;font-weight:650;min-height:44px;display:flex;align-items:center}
.period-tool h2{font-size:24px;line-height:1.3;margin:0 0 16px}.period-tool p{line-height:1.65}.pt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.pt-fields label{display:flex;flex-direction:column;gap:8px;font-size:14px}.pt-fields input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;border:1px solid #87938c;border-radius:10px;padding:10px;background:var(--card,#fff);color:inherit;font:inherit}.period-tool button,.pt-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:0;border-radius:12px;background:var(--ink,#25352f);color:var(--card,#fff);font:inherit;cursor:pointer;text-decoration:none;box-sizing:border-box}.period-tool button:disabled{opacity:.5;cursor:default}.pt-actions{display:flex;flex-wrap:wrap;gap:10px}.period-tool .pt-secondary{background:var(--bg,#f2f4f2);color:var(--ink,#25352f)}.pt-error{color:#a23535}.pt-results{margin-top:24px}.pt-row{padding:16px 0;border-top:1px solid #ccd2ce}.pt-row p{margin:6px 0}.pt-range{position:relative;height:26px;background:#edf0ed;border-radius:6px;margin:12px 0;overflow:hidden}.pt-range span{position:absolute;height:100%;background:#d6b5ce}.pt-range i{position:absolute;top:8px;height:10px;background:#704e66;border-radius:3px}.pt-key{font-size:13px;color:var(--ink2,#53645b)}.pt-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.pt-links a{color:inherit;text-underline-offset:4px}.pt-results[hidden]{display:none}.period-tool :focus-visible{outline:3px solid #637c70;outline-offset:3px}@media(max-width:480px){.period-tool{padding:18px}.pt-fields{grid-template-columns:1fr}.period-tool h2{font-size:21px}}
body.res-on .calc>details.period-tool{display:none}

html[lang="ko"] .pt-page :is(h1,h2,h3,p,label,button,a:not(.brand)),html[lang="ko"] .period-tool :is(h2,h3,p,label,button,a){letter-spacing:0}
.calc>details.period-tool[open]~#wizard{display:none}
.period-tool>summary::after{content:'＋';margin-left:auto;padding-left:12px}.period-tool[open]>summary::after{content:'−'}
