.home-practical {border-top:1px solid var(--line);padding-top:22px;margin-top:25px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px 28px}
.home-practical h3 {margin:0 0 5px;font:normal 25px/1.15 Georgia,serif;letter-spacing:-.04em}
.home-practical p {margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.home-practical ul {display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;list-style:none}
.home-practical a {display:inline-block;color:var(--blue);font-size:14px;font-weight:600;text-underline-offset:4px}
.home-practical span {text-decoration:none;display:inline-block}
.practical-page {padding-block:32px 65px}
.practical-nav {display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px}
.practical-nav a {border:1px solid var(--line);border-radius:4px;font-size:.87rem;padding:10px 13px;text-decoration:none}
.practical-nav [aria-current],.practical-nav a:hover {background:#e8eef8;border-color:#8da8d2;color:var(--blue)}
.practical-page header {max-width:740px}
.practical-page h1 {margin:0;font:normal clamp(36px,4.6vw,60px)/1.08 Georgia,serif;letter-spacing:-.045em}
.practical-page header p,.practical-method p {line-height:1.65;color:var(--muted)}
.practical-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:28px}
.practical-page h2 {font:normal 26px/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 18px}
.practical-form,.practical-result {padding:clamp(18px,2.6vw,32px);border:1px solid var(--line);border-radius:6px;background:#fffefa;min-width:0}
.practical-form label {display:block;margin:13px 0 18px;color:var(--ink);font-weight:600;font-size:.9rem;line-height:1.5}
.practical-form input,.practical-form select {display:block;border:1px solid #8191a5;border-radius:3px;margin-top:5px;width:100%;padding:9px 11px;color:var(--ink);background:white;font:normal 1rem/1.4 Arial,sans-serif}
.practical-result {background:#eef3f7}
.practical-result dl {margin:5px 0 17px}
.practical-result dl div {display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #cbd5df;padding:13px 0}
.practical-result dd {margin:0;font:normal clamp(20px,2.5vw,31px)/1 Georgia,serif;white-space:nowrap}
.practical-result dt,.practical-result p {font-size:14px;line-height:1.55}
.practical-method {max-width:790px;margin-top:32px}
.practical-method h2 {margin-bottom:10px}
@media(max-width:720px){.practical-grid{grid-template-columns:1fr}.practical-page{padding-top:18px}.practical-nav{gap:5px}.practical-nav a{font-size:.8rem}.home-practical ul{flex-direction:column}}
