.jg-tool { margin-block: 1.5rem 3rem; }
.jg-tool__intro { max-width: 52rem; margin-bottom: 1.25rem; }
.jg-eyebrow { color: #b96b3f; font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.jg-form { background: #fffdf8; border: 1px solid #d8d1c6; border-radius: 1rem; box-shadow: 0 12px 36px rgb(16 26 43 / .08); padding: clamp(1rem, 3vw, 2rem); }
.jg-form fieldset { border: 0; margin: 0 0 1.25rem; padding: 0; }
.jg-form legend { color: #101a2b; font-family: Georgia, Cambria, serif; font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; }
.jg-fields { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }
.jg-form label { color: #20242a; display: grid; font-size: .94rem; font-weight: 700; gap: .4rem; }
.jg-form input[type="number"], .jg-form select, .jg-form textarea { appearance: none; background: #fff; border: 2px solid #9aa7b5; border-radius: .55rem; color: #101a2b; font: inherit; min-height: 2.85rem; padding: .7rem .8rem; width: 100%; }
.jg-form input:focus-visible, .jg-form select:focus-visible, .jg-form textarea:focus-visible, .jg-form button:focus-visible { outline: 3px solid #b96b3f; outline-offset: 3px; }
.jg-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.jg-form button { background: #17345c; border: 2px solid #17345c; border-radius: .55rem; color: #fff; cursor: pointer; font: inherit; font-weight: 800; min-height: 2.85rem; padding: .65rem 1rem; }
.jg-form button:hover { background: #101a2b; }
.jg-form .jg-button--secondary { background: #fffdf8; color: #17345c; }
.jg-consent { align-items: start; display: grid !important; font-weight: 600 !important; gap: .7rem !important; grid-template-columns: 1.25rem 1fr; margin-top: 1.2rem; }
.jg-consent input, .jg-checks input { accent-color: #17345c; height: 1.25rem; margin: .12rem 0 0; width: 1.25rem; }
.jg-checks { display: grid; gap: .55rem; }
.jg-checks label { align-items: start; background: #f4efe6; border-radius: .6rem; display: grid; font-weight: 650; gap: .75rem; grid-template-columns: 1.25rem 1fr; padding: .8rem; }
.jg-result { margin-top: 1.25rem; scroll-margin-top: 6rem; }
.jg-result:empty { display: none; }
.jg-result-card { background: #eaf1f7; border-left: .32rem solid #2d5f91; border-radius: .45rem; padding: 1rem 1.1rem; }
.jg-result-card h3 { margin-top: 0; }
.jg-result-card ol { padding-left: 1.25rem; }
.jg-result-note { border-top: 1px solid #b9cada; color: #33445a; font-size: .92rem; margin-bottom: 0; padding-top: .75rem; }
.jg-measure-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); margin-bottom: 1rem; }
.jg-measure-grid figure { background: #f4efe6; border-radius: .8rem; margin: 0; padding: 1rem; }
.jg-measure-grid img { display: block; height: 19rem; margin: auto; max-width: 100%; object-fit: contain; }
.jg-measure-grid figcaption { color: #46515d; font-size: .9rem; margin-top: .6rem; }
.jg-table-wrap { overflow-x: auto; }
.jg-table-wrap table { border-collapse: collapse; min-width: 42rem; width: 100%; }
.jg-table-wrap th, .jg-table-wrap td { border: 1px solid #c6d0da; padding: .7rem; text-align: left; vertical-align: top; }
.jg-print-root { display: none; }
@media (max-width: 42rem) { .jg-measure-grid { grid-template-columns: 1fr; } .jg-measure-grid img { height: 15rem; } .jg-actions > * { width: 100%; } }