/* column v7 col5 scenes + calculators */
.c5s{position:relative;height:var(--len,320vh);margin:40px 0}
.c5s .st{position:sticky;top:56px;height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;padding:12px var(--pad,20px)}
.c5s .c5svg{width:100%;max-width:860px;max-height:calc(100vh - 90px);height:auto;font-family:inherit;overflow:visible}
.c5s:not(.js){height:auto}.c5s:not(.js) .st{position:static;height:auto}
.c5s.auto{height:auto}.c5s.auto .st{position:static;height:auto}
@media (prefers-reduced-motion:reduce){.c5s{height:auto}.c5s .st{position:static;height:auto}}
.c5-calc{border:1px solid #d2d2d7;border-radius:18px;padding:24px;margin:28px 0;background:#fff}
.c5-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:760px){.c5-cols{grid-template-columns:1fr}}
.c5-col{border-radius:14px;padding:18px;background:#f5f5f7}
.c5-col h3{font-size:19px;margin:0 0 12px;font-weight:500}
.c5-col.l h3{color:#8a4a12}.c5-col.r h3{color:#02483E}
.c5-calc label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;font-size:15px;color:#424245}
.c5-calc input,.c5-calc select{width:120px;padding:8px 10px;border:1px solid #b0b0b5;border-radius:8px;font-size:16px;background:#fff;color:#1d1d1f}
.c5-out{margin-top:12px;border-top:1px solid #d2d2d7;padding-top:10px;font-size:15px;color:#1d1d1f}
.c5-out p{display:flex;justify-content:space-between;margin:4px 0}
.c5-out output{font-weight:600;color:#02483E}
.c5-mini{max-width:420px;margin:18px auto 4px}
.c5-mini .c5s{height:auto;margin:0}.c5-mini .st{position:static;height:auto;padding:0}
.c5-msg{text-align:center;font-size:16px;color:#02483E;margin:4px 0 0}
.c5-note{font-size:13px;color:#6e6e73;margin-top:10px}
.c5-side{border-left:4px solid #02483E;background:#f5f5f7;border-radius:0 14px 14px 0;padding:18px 20px;margin:28px 0}
.c5-side h3{font-size:18px;margin:0 0 10px;font-weight:500}
.c5-sheet td{height:34px}
.c5-rel{max-width:980px;margin:56px auto 0;padding:0 var(--pad,20px)}
.c5-rel ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0}
@media(max-width:760px){.c5-rel ul{grid-template-columns:1fr}}
.c5-rel li a{display:block;border:1px solid #d2d2d7;border-radius:14px;padding:16px 18px;color:#1d1d1f;text-decoration:none}
.c5-rel li a:hover{border-color:#02483E}
.c5-rel .cat{display:block;font-size:13px;color:#02483E;letter-spacing:.12em;margin-bottom:4px}
.c5s .c5m{display:none}
@media(max-width:600px){.c5s .c5d{display:none}.c5s .c5m{display:block}.c5s .st{padding:8px 12px}}
.c5-mini .c5svg,.hc5-feat .c5svg{display:block!important}
.c5-calc input[type=number]{-moz-appearance:textfield;appearance:textfield}
.c5-calc input[type=number]::-webkit-outer-spin-button,.c5-calc input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.c5-calc input::placeholder{color:#6e6e73}
.c5-msg:empty{display:none}
/* column guard vs site styles.css (generated by tools/col_guard.py) */
html body.column-page .col-main .c5s{position:relative !important;height:var(--len,320vh) !important;margin:40px 0 !important}
html body.column-page .col-main .c5s .st{position:sticky !important;top:56px !important;height:calc(100vh - 56px) !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:12px var(--pad,20px) !important}
html body.column-page .col-main .c5s .c5svg{width:100% !important;max-width:860px !important;max-height:calc(100vh - 90px) !important;height:auto !important;font-family:inherit !important;overflow:visible !important}
html body.column-page .col-main .c5s:not(.js){height:auto !important}
html body.column-page .col-main .c5s:not(.js) .st{position:static !important;height:auto !important}
html body.column-page .col-main .c5s.auto{height:auto !important}
html body.column-page .col-main .c5s.auto .st{position:static !important;height:auto !important}
@media (prefers-reduced-motion:reduce){html body.column-page .col-main .c5s{height:auto !important}html body.column-page .col-main .c5s .st{position:static !important;height:auto !important}}
html body.column-page .col-main .c5-calc{border:1px solid #d2d2d7 !important;border-radius:18px !important;padding:24px !important;margin:28px 0 !important;background:#fff !important}
html body.column-page .col-main .c5-cols{display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important}
@media (max-width:760px){html body.column-page .col-main .c5-cols{grid-template-columns:1fr !important}}
html body.column-page .col-main .c5-col{border-radius:14px !important;padding:18px !important;background:#f5f5f7 !important}
html body.column-page .col-main .c5-col h3{font-size:19px !important;margin:0 0 12px !important;font-weight:500 !important}
html body.column-page .col-main .c5-col.l h3{color:#8a4a12 !important}
html body.column-page .col-main .c5-col.r h3{color:#02483E !important}
html body.column-page .col-main .c5-calc label{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:10px !important;margin:8px 0 !important;font-size:15px !important;color:#424245 !important}
html body.column-page .col-main .c5-calc input,html body.column-page .col-main .c5-calc select{width:120px !important;padding:8px 10px !important;border:1px solid #b0b0b5 !important;border-radius:8px !important;font-size:16px !important;background:#fff !important;color:#1d1d1f !important}
html body.column-page .col-main .c5-out{margin-top:12px !important;border-top:1px solid #d2d2d7 !important;padding-top:10px !important;font-size:15px !important;color:#1d1d1f !important}
html body.column-page .col-main .c5-out p{display:flex !important;justify-content:space-between !important;margin:4px 0 !important}
html body.column-page .col-main .c5-out output{font-weight:600 !important;color:#02483E !important}
html body.column-page .col-main .c5-mini{max-width:420px !important;margin:18px auto 4px !important}
html body.column-page .col-main .c5-mini .c5s{height:auto !important;margin:0 !important}
html body.column-page .col-main .c5-mini .st{position:static !important;height:auto !important;padding:0 !important}
html body.column-page .col-main .c5-msg{text-align:center !important;font-size:16px !important;color:#02483E !important;margin:4px 0 0 !important}
html body.column-page .col-main .c5-note{font-size:13px !important;color:#6e6e73 !important;margin-top:10px !important}
html body.column-page .col-main .c5-side{border-left:4px solid #02483E !important;background:#f5f5f7 !important;border-radius:0 14px 14px 0 !important;padding:18px 20px !important;margin:28px 0 !important}
html body.column-page .col-main .c5-side h3{font-size:18px !important;margin:0 0 10px !important;font-weight:500 !important}
html body.column-page .col-main .c5-sheet td{height:34px !important}
html body.column-page .col-main .c5-rel{max-width:980px !important;margin:56px auto 0 !important;padding:0 var(--pad,20px) !important}
html body.column-page .col-main .c5-rel ul{list-style:none !important;display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:14px !important;padding:0 !important}
@media (max-width:760px){html body.column-page .col-main .c5-rel ul{grid-template-columns:1fr !important}}
html body.column-page .col-main .c5-rel li a{display:block !important;border:1px solid #d2d2d7 !important;border-radius:14px !important;padding:16px 18px !important;color:#1d1d1f !important;text-decoration:none !important}
html body.column-page .col-main .c5-rel li a:hover{border-color:#02483E !important}
html body.column-page .col-main .c5-rel .cat{display:block !important;font-size:13px !important;color:#02483E !important;letter-spacing:.12em !important;margin-bottom:4px !important}
html body.column-page .col-main .c5s .c5m{display:none !important}
@media (max-width:600px){html body.column-page .col-main .c5s .c5d{display:none !important}html body.column-page .col-main .c5s .c5m{display:block !important}html body.column-page .col-main .c5s .st{padding:8px 12px !important}}
html body.column-page .col-main.col-main .c5-mini .c5svg,html body.column-page .col-main.col-main .hc5-feat .c5svg{display:block !important}
html body.column-page .col-main .c5-calc input[type=number]::-webkit-outer-spin-button,html body.column-page .col-main .c5-calc input[type=number]::-webkit-inner-spin-button{margin:0 !important}
html body.column-page .col-main .c5-calc input::placeholder{color:#6e6e73 !important}
html body.column-page .col-main .c5-msg:empty{display:none !important}