.value-preview-note{font:700 .7rem/1.5 system-ui,sans-serif;letter-spacing:.06em;color:#654900;background:#fff5d6;padding:.8rem 1rem;border-left:3px solid #c89726;margin-bottom:1.5rem}
.value-revision{border-left:3px solid #187777;background:#eff7f7;padding:1.1rem 1.3rem;margin:1.5rem 0;color:#163943}
.value-revision p{margin:.4rem 0;line-height:1.65;font-size:.93rem}
.value-revision-date{font-weight:750}
.value-toc{display:grid;gap:.5rem;border-block:1px solid #dbe3eb;padding:1rem 0 1.25rem;margin:1.5rem 0 2rem;font-size:.9rem}
.value-toc strong{text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;margin-bottom:.4rem}
.value-toc a{width:fit-content;max-width:100%;line-height:1.5}
.article-body,.article-layout{min-width:0}
.value-table-wrap{width:100%;max-width:100%;overflow:auto;margin:1.5rem 0;border:1px solid #d7e2e6;border-radius:5px;scrollbar-color:#64898f #edf2f4}
.value-table{border-collapse:collapse;width:100%;min-width:530px;font-family:system-ui,sans-serif;font-size:.87rem;line-height:1.6}
.value-table caption{font-weight:700;text-align:left;background:#edf4f6;color:#19374c;padding:.9rem 1rem;caption-side:top}
.value-table th,.value-table td{text-align:left;vertical-align:top;padding:.8rem .9rem;border-bottom:1px solid #e1e8ed;overflow-wrap:anywhere}
.value-table thead{background:#082d47;color:#fff}
.value-table tbody th{font-weight:650;color:#19374c;width:28%}
.value-table tbody tr:nth-child(even){background:#f6f9fa}
.value-table tbody tr:last-child>*{border-bottom:0}
.value-note{font-size:.9rem!important;line-height:1.65!important;color:#465769}
.article-body code{overflow-wrap:anywhere;font-size:.88em;background:#eff3f5;padding:.12em .24em;border-radius:3px}
.value-flow{list-style:none!important;padding:0!important;display:grid;gap:.8rem;margin:1.5rem 0!important}
.value-flow li{margin:0!important;padding:1.2rem 1.4rem!important;border:1px solid #d6e3e8;border-left:4px solid #257e80;background:#f4f9fa}
.value-step{font:750 .71rem/1.5 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#256a72}
.value-flow h3{font-size:1.15rem;line-height:1.45;margin:.35rem 0 .5rem;color:#092e47}
.value-flow p{margin:.3rem 0!important;font-size:1rem!important}
.value-budget{min-width:0;border:1px solid #bfd7dc;border-radius:6px;padding:1.25rem;margin:1.6rem 0;background:#f3f8f9;font-family:system-ui,sans-serif}
.value-budget legend{font-size:1.1rem;font-weight:750;max-width:100%;padding:0 .4rem;color:#083c50}
.value-budget>p{font-size:.9rem;line-height:1.6}
.budget-fields{display:grid;margin:1rem 0}
.budget-row{display:grid;grid-template-columns:minmax(0,1fr) 6rem 7.5rem;align-items:center;gap:.6rem;border-top:1px solid #cddfe4;padding:1rem 0}
.budget-row>label:first-child{font-weight:650;font-size:.86rem;line-height:1.5}
.budget-row label span{display:block;font-weight:400;font-size:.75rem;color:#4a6170}
.budget-row input[type=number]{width:100%;min-height:44px;min-width:0;border:1px solid #9ab5be;background:white;padding:.5rem;border-radius:4px;font:inherit}
.budget-row input[aria-invalid=true]{border:2px solid #aa2424;background:#fff6f6}
.budget-owned{display:flex;gap:.45rem;align-items:center;font-size:.8rem;min-height:44px;line-height:1.4}
.budget-owned input{width:19px;height:19px;accent-color:#146b74;flex-shrink:0}
.value-budget .budget-result{font-size:1.14rem;font-weight:750;border-top:2px solid #b9d3da;padding-top:1rem;color:#063e4c}
.value-budget button{font:650 .87rem/1.5 system-ui,sans-serif;color:#fff;background:#0b5167;border:0;border-radius:4px;min-height:44px;padding:.55rem .9rem;cursor:pointer}
.value-legacy-anchor{display:block;scroll-margin-top:5rem}
.value-table-wrap:focus-visible,.value-budget :focus-visible,.value-toc a:focus-visible{outline:3px solid #d59622;outline-offset:3px}
@media(max-width:600px){.value-budget{padding:.8rem}.budget-row{grid-template-columns:minmax(0,1fr) 5.7rem}.budget-owned{grid-column:1/-1}.value-table{min-width:510px}.value-revision{padding:.8rem 1rem}.value-flow li{padding:1rem!important}}

@media(max-width:600px){.value-table-wrap::before{content:"Scroll horizontally to see all columns →";display:block;position:sticky;left:0;width:100%;box-sizing:border-box;padding:.65rem .85rem;font:600 .74rem/1.5 system-ui,sans-serif;background:#e5eef2;color:#244c5e}}

