:root{--primary: #1e3a5f;--primary-dark: #152a46;--border: #e4ddd2;--surface: #ffffff;--shadow-soft: 0 1px 2px rgba(28, 25, 23, .05), 0 10px 28px rgba(28, 25, 23, .05);--surface-muted: #f6f1e8;--text-main: #1c1917;--text-muted: #6b6258;--stk-gain: #0c7a43;--stk-loss: #b42318;--stk-gold: #8a6232;--stk-ink: #1e3a5f;--stk-paper: #fbf8f3;--stk-rule: #e7e0d4;--stk-div: #c4a15a;}
.stk-card [hidden]{display: none !important;}
.stk-card{background: var(--surface);border: 1px solid var(--border);border-radius: 16px;box-shadow: var(--shadow-soft);padding: 1.15rem 1.25rem 1.35rem;margin: 1.25rem 0 2.25rem;}
.stk-card .author-meta{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: .4rem 1rem;padding-bottom: .85rem;margin-bottom: 1rem;border-bottom: 1px solid var(--border);font-size: .85rem;color: var(--text-muted);}
.stk-card .meta-updated{font-weight: 600;white-space: nowrap;}
.stk-card .author-link{color: var(--primary);font-weight: 600;text-decoration: none;}
.stk-card .author-link:hover,.stk-card .author-link:focus-visible{text-decoration: underline;}
.stk-layout{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 1.35rem;align-items: start;}
.stk-head{display: flex;justify-content: space-between;align-items: flex-end;gap: .75rem;margin-bottom: .85rem;}
.stk-head h2,.stk-slip-title{margin: 0;font-size: 1.15rem;font-weight: 700;color: var(--text-main);letter-spacing: -.01em;}
.stk-currency{display: flex;flex-direction: column;gap: .25rem;min-width: 6.5rem;font-size: .75rem;font-weight: 700;color: var(--text-muted);letter-spacing: .03em;text-transform: uppercase;}
.stk-currency select,.stk-field input{width: 100%;border: 1px solid var(--border);background: #fff;border-radius: 9px;padding: .62rem .75rem;font-size: 1.02rem;color: var(--text-main);font-variant-numeric: tabular-nums;}
.stk-currency select{font-size: .9rem;text-transform: none;letter-spacing: 0;font-weight: 600;}
.stk-field input:focus,.stk-currency select:focus{outline: 2px solid var(--primary);outline-offset: 1px;border-color: var(--primary);}
.stk-field{margin-bottom: .8rem;}
.stk-field label{display: block;font-size: .82rem;font-weight: 700;margin-bottom: .28rem;color: var(--text-main);}
.stk-field small{display: block;margin-top: .28rem;color: var(--text-muted);font-size: .78rem;line-height: 1.4;}
.stk-actions{display: flex;flex-wrap: wrap;gap: .5rem;margin-top: .35rem;}
.stk-btn{border: 1px solid var(--border);background: #fff;color: var(--text-main);border-radius: 9px;padding: .55rem .85rem;font-weight: 700;font-size: .88rem;cursor: pointer;}
.stk-btn:hover{border-color: var(--primary);color: var(--primary);}
.stk-btn-primary{background: var(--primary);border-color: var(--primary);color: #fff;}
.stk-btn-primary:hover{background: var(--primary-dark);color: #fff;}
.stk-slip{background: var(--stk-paper);border: 1px solid var(--stk-rule);border-top: 4px solid var(--stk-ink);border-radius: 12px;padding: 1.05rem 1.1rem 1.1rem;}
.stk-slip[data-tone="up"]{border-top-color: var(--stk-gain);}
.stk-slip[data-tone="down"]{border-top-color: var(--stk-loss);}
.stk-kicker{margin: .85rem 0 .15rem;font-size: .72rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--text-muted);}
.stk-money{margin: 0;font-size: clamp(1.85rem, 4vw, 2.65rem);font-weight: 700;letter-spacing: -.03em;line-height: 1.05;font-variant-numeric: tabular-nums;color: var(--text-main);}
.stk-money.is-up{color: var(--stk-gain);}
.stk-money.is-down{color: var(--stk-loss);}
.stk-rate{margin: .4rem 0 0;font-size: .95rem;line-height: 1.45;color: var(--text-main);font-variant-numeric: tabular-nums;}
.stk-bar{display: flex;height: 12px;border-radius: 99px;overflow: hidden;margin-top: .95rem;background: #efe8dc;}
.stk-seg{display: block;height: 100%;}
.stk-seg-basis{background: var(--stk-ink);}
.stk-seg-gain{background: var(--stk-gain);}
.stk-seg-div{background: var(--stk-div);}
.stk-legend{display: flex;flex-wrap: wrap;gap: .35rem .9rem;list-style: none;margin: .5rem 0 0;padding: 0;font-size: .78rem;color: var(--text-muted);}
.stk-legend b{color: var(--text-main);font-variant-numeric: tabular-nums;}
.stk-legend i{display: inline-block;width: .65rem;height: .65rem;border-radius: 2px;margin-right: .28rem;vertical-align: -1px;}
.stk-rows{margin: .35rem 0 0;}
.stk-rows div{display: flex;justify-content: space-between;gap: 1rem;padding: .42rem 0;border-bottom: 1px dashed var(--stk-rule);font-size: .9rem;}
.stk-rows dt{color: var(--text-muted);font-weight: 500;}
.stk-rows dd{margin: 0;font-weight: 700;text-align: right;font-variant-numeric: tabular-nums;color: var(--text-main);}
.stk-rows .is-up dd{color: var(--stk-gain);}
.stk-rows .is-down dd{color: var(--stk-loss);}
.stk-flag{margin: .85rem 0 0;padding: .7rem .8rem;background: #fff;border-left: 3px solid var(--stk-gold);font-size: .88rem;line-height: 1.5;color: var(--text-main);}
.stk-stamp{margin: .8rem 0 0;font-size: .72rem;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--text-muted);}
.stk-article{margin: 0 0 1.5rem;}
.stk-article h2{font-size: 1.55rem;line-height: 1.25;margin: 2.15rem 0 .7rem;color: var(--text-main);letter-spacing: -.02em;}
.stk-article h2:first-child{margin-top: .25rem;}
.stk-article p,.stk-article li,.stk-defs dd{font-size: 1.02rem;line-height: 1.7;color: #3f3832;}
.stk-article p{margin: 0 0 .9rem;}
.stk-lead{font-size: 1.2rem !important;line-height: 1.4 !important;font-weight: 700;color: var(--text-main) !important;}
.stk-article a{color: var(--primary);font-weight: 600;}
.stk-article a:hover{color: var(--primary-dark);}
.stk-article ul{margin: 0 0 1rem;padding-left: 1.15rem;}
.stk-article li{margin: 0 0 .55rem;}
.stk-article strong{color: var(--text-main);}
.stk-table-wrap{overflow-x: auto;margin: 0 0 1rem;border: 1px solid var(--stk-rule);border-radius: 10px;background: #fff;}
.stk-table{width: 100%;border-collapse: collapse;font-size: .95rem;font-variant-numeric: tabular-nums;}
.stk-table caption{caption-side: bottom;text-align: left;padding: .55rem .85rem .75rem;color: var(--text-muted);font-size: .8rem;}
.stk-table th,.stk-table td{padding: .5rem .85rem;text-align: left;border-bottom: 1px solid var(--stk-rule);}
.stk-table th{font-size: .72rem;letter-spacing: .05em;text-transform: uppercase;color: var(--text-muted);font-weight: 700;background: var(--surface-muted);}
.stk-table td:last-child,.stk-table th:last-child{text-align: right;}
.stk-table tr:last-child td{border-bottom: 0;}
.stk-table .stk-key td{font-weight: 700;color: var(--text-main);}
.stk-defs{margin: 0 0 1rem;}
.stk-defs div{display: grid;grid-template-columns: 9.2rem 1fr;gap: .2rem 1rem;padding: .65rem 0;border-bottom: 1px solid var(--stk-rule);}
.stk-defs dt{font-weight: 700;color: var(--text-main);padding-top: .15rem;}
.stk-defs dd{margin: 0;}
.stk-callout{background: var(--surface-muted);border: 1px solid var(--stk-rule);border-radius: 10px;padding: .85rem 1rem;margin: 0 0 1rem;}
.stk-callout p:last-child{margin-bottom: 0;}
.stk-formula{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-size: .9rem;background: #fff;border: 1px dashed var(--stk-rule);padding: .7rem .85rem;border-radius: 8px;color: var(--text-main);line-height: 1.45;}
@media (max-width: 860px){.stk-layout{grid-template-columns: 1fr;}.stk-card .meta-updated{white-space: normal;}}
@media (max-width: 640px){.stk-defs div{grid-template-columns: 1fr;gap: .1rem;}.stk-card{padding: 1rem .9rem 1.1rem;}}