:root{color-scheme:light}
.hp-shell{width:min(1200px,calc(100% - 32px));margin:0 auto 72px;min-width:0}
.hp-crumbs{padding:20px 0;color:#566273;font-size:.9rem;overflow-wrap:anywhere}.hp-crumbs a{color:#245789}
.hp-hero{padding:22px 0 20px;max-width:900px}.hp-kicker{text-transform:uppercase;letter-spacing:.11em;font-size:.75rem;font-weight:800;color:#386084;margin:0 0 8px}
.hp-hero h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;margin:0 0 14px;color:#142d44}.hp-hero p:last-child{font-size:1.08rem;line-height:1.6;max-width:80ch;color:#34475a}
.hp-tool{background:#f6f9fc;border:1px solid #d7e2ed;border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(17,48,75,.06)}.hp-tool h2{margin:0 0 8px;font-size:1.55rem;color:#142d44}.hp-intro{margin:0 0 22px;max-width:80ch;color:#405569}
.hp-workspace{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:24px;align-items:start}.hp-controls,.hp-preview-panel{min-width:0}
.hp-controls fieldset{border:1px solid #cad8e5;border-radius:12px;padding:18px;margin:0 0 18px;background:#fff}.hp-controls legend{font-weight:800;color:#18364f;padding:0 6px}
.hp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hp-fields label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#223d54;min-width:0}.hp-fields label.hp-check{flex-direction:row;align-items:flex-start;grid-column:1/-1;font-weight:650;gap:10px}
.hp-fields input:not([type=checkbox]),.hp-fields select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #9bb1c4;border-radius:8px;background:#fff;color:#142d44;font:inherit;padding:9px 10px;min-height:44px}.hp-fields input[type=checkbox]{width:20px;height:20px;accent-color:#1e5d92;margin:2px 0 0;flex:none}
.hp-fields :is(input,select):focus-visible,.hp-actions button:focus-visible{outline:3px solid #e28825;outline-offset:2px}.hp-fields :is(input,select)[aria-invalid=true]{border-color:#a5202b;box-shadow:0 0 0 2px rgba(165,32,43,.15)}
.hp-help{grid-column:1/-1;font-size:.88rem;line-height:1.5;color:#526276;margin:0}.hp-preview-panel{background:#fff;border:1px solid #cad8e5;border-radius:12px;padding:18px;position:sticky;top:16px}.hp-preview-panel h3{margin:0 0 8px;font-size:1.25rem;color:#18364f}.hp-summary{font-weight:650;color:#29475f;min-height:3em;margin:0 0 12px}
.hp-preview-page{background:#fff;box-shadow:0 3px 14px rgba(21,48,74,.18);border:1px solid #aebdcc;width:100%;max-width:460px;min-width:0}.hp-preview-page svg{display:block;width:100%;height:auto;max-width:100%}.hp-preview-panel>.hp-help{margin-top:16px}
.hp-error{background:#fff0f0;color:#811b24;border-left:4px solid #ae2632;padding:12px 14px;border-radius:5px;margin:12px 0}.hp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hp-actions button{appearance:none;border:1px solid #1f5a8b;background:#1f5a8b;color:#fff;border-radius:8px;padding:11px 16px;font:inherit;font-weight:700;min-height:44px;cursor:pointer}.hp-actions button:hover{background:#17466e}.hp-actions button.hp-secondary{background:#fff;color:#214f76}.hp-actions button.hp-secondary:hover{background:#edf5fb}.hp-actions button:disabled{opacity:.5;cursor:not-allowed}.hp-status{min-height:1.5em;color:#244b68;margin:12px 0 0}
.hp-content{max-width:900px;padding:30px 0;line-height:1.68;color:#2c4053}.hp-content h2{font-size:1.5rem;line-height:1.25;color:#18364f;margin:26px 0 10px}.hp-content ol{padding-left:1.4rem}.hp-content li{margin:5px 0}.hp-content a{color:#215b91;text-decoration:underline}
#hp-print-pages{display:none}.site-footer .footer-inner{display:block;min-width:0;overflow-wrap:anywhere}.site-footer .footer-inner p{white-space:normal;overflow-wrap:anywhere;max-width:100%}
@media(max-width:850px){.hp-workspace{grid-template-columns:1fr}.hp-preview-panel{position:static}}@media(max-width:560px){.hp-shell{width:min(100% - 20px,1200px)}.hp-tool{padding:16px}.hp-controls fieldset,.hp-preview-panel{padding:14px}.hp-fields{grid-template-columns:1fr}.hp-actions button{flex:1 1 100%}}
@media print{@page{margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important;width:auto!important;height:auto!important}body>*:not(#hp-print-pages){display:none!important}#hp-print-pages{display:block!important;margin:0!important;padding:0!important}.hp-print-sheet{display:block!important;margin:0!important;padding:0!important;break-inside:avoid;page-break-inside:avoid}.hp-print-sheet svg{display:block!important;margin:0!important;padding:0!important;max-width:none!important}}
