:root{--primary: #7c4a2d;--primary-dark: #5c3822;--primary-color: #7c4a2d;--text-secondary: #6d5e52;--border: #e7dfd6;--surface: #ffffff;--surface-muted: #f6f1ea;--shadow-soft: 0 1px 2px rgba(36, 28, 24, .05), 0 18px 40px rgba(36, 28, 24, .07);--text-main: #241c18;--text-muted: #6d5e52;--dep-ink: #241c18;--dep-paper: #f6f1ea;--dep-copper: #9a3412;--dep-olive: #3f6b4a;--dep-line: #b4532a;}
.dep-board{background: var(--surface);border: 1px solid var(--border);border-radius: 20px;box-shadow: var(--shadow-soft);margin: 0.5rem 0 1.25rem;overflow: hidden;}
.dep-board [hidden]{display: none !important;}
.dep-board .author-meta{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 0.4rem 1rem;padding: 0.9rem 1.25rem;border-bottom: 1px solid var(--border);font-size: 0.85rem;color: var(--text-muted);}
.dep-board .meta-updated{font-weight: 650;white-space: nowrap;}
.dep-board .author-link{color: var(--primary);font-weight: 650;text-decoration: none;}
.dep-board .author-link:hover,.dep-board .author-link:focus-visible{text-decoration: underline;}
.dep-mast{display: flex;flex-wrap: wrap;gap: 0.85rem 1.25rem;align-items: flex-end;justify-content: space-between;background: var(--dep-ink);padding: 1rem 1.2rem 1.05rem;box-shadow: inset 0 -3px 0 var(--dep-line);}
.dep-mast-kicker{margin: 0 0 0.5rem;font-size: 0.72rem;letter-spacing: 0.14em;text-transform: uppercase;color: rgba(255, 255, 255, 0.55);}
.dep-methods{display: flex;flex-wrap: wrap;gap: 0.4rem;}
.dep-method{border: 1px solid rgba(255, 255, 255, 0.2);background: transparent;color: rgba(255, 255, 255, 0.86);border-radius: 999px;padding: 0.42rem 0.8rem;font-size: 0.82rem;font-weight: 650;cursor: pointer;line-height: 1.2;}
.dep-method:hover{border-color: rgba(255, 255, 255, 0.55);color: #fff;}
.dep-method.is-on{background: #f4e7da;color: var(--dep-ink);border-color: #f4e7da;}
.dep-method:focus-visible{outline: 2px solid #f4e7da;outline-offset: 2px;}
.dep-currency{display: flex;align-items: center;gap: 0.45rem;color: rgba(255, 255, 255, 0.7);font-size: 0.75rem;letter-spacing: 0.04em;text-transform: uppercase;margin: 0 0 0.15rem;}
.dep-currency select{background: #3a2e28;color: #fff;border: 1px solid rgba(255, 255, 255, 0.25);border-radius: 999px;padding: 0.4rem 0.7rem;font-size: 0.85rem;text-transform: none;letter-spacing: 0;}
.dep-currency select option{color: var(--dep-ink);background: #fff;}
.dep-inputs{background: var(--dep-paper);padding: 1.15rem 1.25rem 1.2rem;}
.dep-plate{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0.9rem 1rem;}
.dep-field label,.dep-year-head label{display: block;margin: 0 0 0.35rem;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--text-muted);}
.dep-inputs input[type="number"],.dep-inputs input[type="text"]{width: 100%;border: 1px solid var(--border);background: #fff;color: var(--text-main);border-radius: 10px;padding: 0.62rem 0.75rem;font-size: 1rem;font-variant-numeric: tabular-nums;}
.dep-inputs input[type="number"]:focus,.dep-inputs input[type="text"]:focus,.dep-currency select:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(124, 74, 45, 0.18);}
.dep-inputs .dep-year-num{width: 5.5rem;}
.dep-field small{display: block;margin-top: 0.35rem;color: var(--text-muted);font-size: 0.78rem;line-height: 1.4;}
.dep-field-narrow{max-width: 16rem;margin-top: 0.95rem;}
.dep-units-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 0.9rem 1rem;margin-top: 0.95rem;}
.dep-span{grid-column: 1 / -1;}
.dep-check{display: flex;gap: 0.6rem;align-items: flex-start;margin-top: 0.9rem;font-size: 0.92rem;line-height: 1.45;color: var(--text-main);}
.dep-check input{width: 1rem;height: 1rem;margin-top: 0.2rem;accent-color: var(--primary);flex: none;}
.dep-year{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 0.75rem 1rem;margin-top: 1.05rem;padding-top: 0.95rem;border-top: 1px solid var(--border);}
.dep-ticks{display: flex;flex-wrap: wrap;gap: 0.35rem;padding-bottom: 0.1rem;}
.dep-tick{min-width: 2.35rem;height: 2.35rem;border-radius: 8px;border: 1px solid var(--border);background: #fff;color: var(--text-main);font-weight: 700;cursor: pointer;}
.dep-tick.is-on{background: var(--dep-ink);color: #fff;border-color: var(--dep-ink);}
.dep-tick:focus-visible,.dep-btn:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px;}
.dep-year input[type="range"]{flex: 1;min-width: 10rem;accent-color: var(--primary);margin-bottom: 0.45rem;}
.dep-results{padding: 1.15rem 1.25rem 1.15rem;}
.dep-alert{margin: 0 0 0.9rem;padding: 0.8rem 1rem;border-radius: 12px;background: #fde8e8;color: #9f1239;font-weight: 650;}
.dep-readout{display: grid;grid-template-columns: minmax(0, 1.35fr) minmax(16rem, 0.8fr);gap: 1.2rem;align-items: start;}
.dep-charge-label{margin: 0;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--text-muted);}
.dep-figure{margin: 0.15rem 0 0;font-size: clamp(2.4rem, 4vw, 3.35rem);line-height: 1.05;letter-spacing: -0.03em;font-weight: 700;color: var(--dep-copper);font-variant-numeric: tabular-nums;}
.dep-formula{margin: 0.35rem 0 0;color: var(--text-muted);font-size: 0.95rem;}
.dep-track{position: relative;height: 10px;border-radius: 999px;background: #e7dfd6;margin: 0.9rem 0 0.4rem;}
.dep-track-book{display: block;height: 100%;border-radius: 999px;background: var(--dep-olive);}
.dep-track-salv{position: absolute;top: -3px;width: 2px;height: 16px;background: var(--dep-ink);border-radius: 1px;}
.dep-track-key{margin: 0;font-size: 0.75rem;color: var(--text-muted);}
.dep-stats{display: grid;grid-template-columns: 1fr 1fr;gap: 0.6rem;margin: 1rem 0 0;}
.dep-stats div{background: var(--dep-paper);border-radius: 12px;padding: 0.7rem 0.8rem;}
.dep-stats dt{margin: 0;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;color: var(--text-muted);}
.dep-stats dd{margin: 0.2rem 0 0;font-weight: 700;font-variant-numeric: tabular-nums;color: var(--text-main);}
.dep-compare{background: var(--dep-paper);border-radius: 14px;padding: 0.95rem 1rem 0.45rem;}
.dep-compare-title{margin: 0 0 0.35rem;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;color: var(--text-muted);}
.dep-compare ul{list-style: none;margin: 0;padding: 0;}
.dep-compare li{display: flex;justify-content: space-between;gap: 0.75rem;padding: 0.48rem 0;border-top: 1px solid var(--border);font-size: 0.92rem;}
.dep-compare li.is-on{font-weight: 700;}
.dep-compare li.is-on b{color: var(--dep-copper);}
.dep-compare b{font-variant-numeric: tabular-nums;font-weight: 700;}
.dep-note{margin: 0.9rem 0 0;font-size: 0.9rem;line-height: 1.45;color: #6b4b2a;}
.dep-ledger{max-height: 28rem;overflow: auto;margin-top: 1rem;border: 1px solid var(--border);border-radius: 12px;}
.dep-table{width: 100%;border-collapse: collapse;font-size: 0.92rem;}
.dep-table caption{caption-side: bottom;padding: 0.65rem 0.75rem 0.8rem;text-align: left;color: var(--text-muted);font-size: 0.8rem;}
.dep-ledger .dep-table caption{caption-side: top;padding: 0.7rem 0.75rem 0.35rem;}
.dep-table th,.dep-table td{padding: 0.55rem 0.75rem;text-align: left;border-bottom: 1px solid var(--border);vertical-align: middle;}
.dep-ledger .dep-table th{position: sticky;top: 0;background: var(--dep-paper);z-index: 1;}
.dep-table .num{text-align: right;font-variant-numeric: tabular-nums;}
.dep-table tr.is-year{background: #f8efe8;box-shadow: inset 3px 0 0 var(--dep-line);}
.dep-book{display: flex;flex-direction: column;align-items: flex-end;gap: 0.28rem;}
.dep-mini{display: block;width: 5.5rem;height: 6px;border-radius: 999px;background: #e7dfd6;overflow: hidden;}
.dep-mini i{display: block;height: 100%;background: var(--dep-olive);border-radius: 999px;}
.dep-actions{display: flex;flex-wrap: wrap;gap: 0.55rem;margin-top: 1rem;}
.dep-btn{border: 1px solid var(--border);background: #fff;color: var(--text-main);border-radius: 999px;padding: 0.55rem 1rem;font-weight: 650;cursor: pointer;}
.dep-btn:hover{border-color: var(--dep-ink);}
.dep-btn-primary{background: var(--dep-ink);color: #fff;border-color: var(--dep-ink);}
.dep-btn-primary:hover{background: #3a2e28;}
.dep-stamp{margin: 0.85rem 0 0;font-size: 0.78rem;letter-spacing: 0.04em;text-transform: uppercase;color: var(--text-muted);}
.dep-bridge{margin: 0 0 0.5rem;padding: 0.95rem 1.1rem;background: var(--dep-paper);border-left: 3px solid var(--dep-line);border-radius: 0 14px 14px 0;color: var(--text-main);font-size: 1.02rem;line-height: 1.5;}
.dep-article{margin: 1.5rem 0 0;color: var(--text-main);}
.dep-article h2{font-size: 1.55rem;line-height: 1.25;letter-spacing: -0.02em;margin: 2.5rem 0 0.75rem;color: var(--dep-ink);}
.dep-article h2:first-child{margin-top: 0.4rem;}
.dep-article p{margin: 0 0 0.9rem;line-height: 1.65;}
.dep-article ul{margin: 0 0 1rem;padding-left: 1.15rem;}
.dep-article li{margin: 0 0 0.45rem;line-height: 1.55;}
.dep-article a{color: var(--primary);font-weight: 650;}
.dep-article a:hover{color: var(--primary-dark);}
.dep-article code{font-size: 0.92em;background: var(--dep-paper);padding: 0.1rem 0.35rem;border-radius: 6px;}
.dep-callout{margin: 0 0 1rem;padding: 0.95rem 1.05rem;background: #fbf6f1;border-left: 3px solid var(--dep-copper);border-radius: 0 12px 12px 0;}
.dep-callout p{margin: 0;}
.dep-sheet{overflow-x: auto;margin: 0.3rem 0 1.1rem;}
.dep-article .dep-table{min-width: 28rem;}
.dep-article .dep-table th{background: var(--dep-paper);}
@media (max-width: 800px){.dep-plate,.dep-units-grid,.dep-readout{grid-template-columns: 1fr;}.dep-mast{align-items: flex-start;}.dep-stats{grid-template-columns: 1fr;}.hero-text h1{font-size: clamp(1.8rem, 7vw, 2.4rem);}.dep-board .author-meta{align-items: flex-start;flex-direction: column;}}
@media (max-width: 767px){.hero-subtitle{font-size: clamp(1rem, 3vw, 1.125rem);}}