.header-tools { display: flex; align-items: center; gap: 22px; }
.language-switch { display: flex; border: 1px solid var(--line); border-radius: 99px; padding: 2px; background: var(--card); white-space: nowrap; }
.language-switch a { padding: 4px 9px; border-radius: 99px; color: var(--muted); font-size: 11px; font-weight: 800; text-decoration: none; }
.language-switch a.active { background: var(--ink); color: white; }
@media (max-width: 900px) { .header-tools { align-items: flex-end; flex-direction: column; gap: 10px; } }
@media (max-width: 560px) { .header-tools { align-items: flex-start; } .language-switch { margin-top: 12px; } }
.annual-strip { grid-template-columns: repeat(4, 1fr); }
.annual-link { display: flex; flex-direction: column; justify-content: center; padding: 24px; color: white; text-decoration: none; border-right: 1px solid rgba(255,255,255,.2); transition: background .15s; }
.annual-link:hover, .annual-link:focus-visible { background: rgba(255,255,255,.08); }
.annual-link span { color: #cfddd8; font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.annual-link strong { display: block; font: 500 clamp(27px,3vw,40px)/1.15 Georgia,serif; margin-top: 9px; }
.annual-link small, .clickable-metric small { color: #efc7bf; margin-top: 7px; }
.clickable-metric { display: block; color: inherit; text-decoration: none; }
.clickable-metric article { height: 100%; transition: transform .15s, border-color .15s, box-shadow .15s; }
.clickable-metric:hover article, .clickable-metric:focus-visible article { transform: translateY(-2px); border-color: var(--red); box-shadow: 0 6px 18px rgba(23,23,19,.08); }
.clickable-metric article small { color: var(--red); }
.detail-hero { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 30px; }
.detail-hero p { color: var(--muted); }.detail-hero a { color: var(--red); text-decoration: none; font-weight: 700; }
.detail-total { background: var(--green); color: white; padding: 24px; min-width: 280px; }.detail-total span { color: #cfddd8; font-size: 12px; }.detail-total strong { display: block; font: 500 44px/1.1 Georgia,serif; margin-top: 8px; }
@media (max-width: 900px) { .annual-strip { grid-template-columns: repeat(2,1fr); } .detail-hero { align-items: stretch; flex-direction: column; } }
@media (max-width: 560px) { .annual-strip { grid-template-columns: 1fr; } .detail-total { min-width: 0; } }
.open-items-layout { display: grid; grid-template-columns: minmax(0,2fr) minmax(280px,1fr); gap: 36px; align-items: start; }
.access-panel { background: var(--card); border: 1px solid var(--line); padding: 24px; position: sticky; top: 100px; }
.access-panel h2 { margin-top: 7px; }.access-row { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0; border-bottom: 1px solid var(--line); }.access-row:last-child { border: 0; }.access-row span { color: var(--muted); text-align: right; font-size: 13px; }
@media (max-width: 800px) { .open-items-layout { grid-template-columns: 1fr; } .access-panel { position: static; } }
.annual-strip { background: transparent; color: var(--ink); gap: 1px; }
.annual-strip > div, .annual-strip > .annual-link { background: var(--card); color: var(--ink); border: 1px solid var(--line); }
.annual-strip > .annual-link span { color: var(--muted); }.annual-strip > .annual-link small { color: var(--red); }
.annual-strip > .annual-link:hover, .annual-strip > .annual-link:focus-visible { background: #fffaf2; }
.annual-strip > .annual-net, .metrics .net-card { background: #285b4b; color: white; border-color: #285b4b; }
.annual-strip > .annual-profit, .metrics .profit-card { background: #7a343c; color: white; border-color: #7a343c; }
.annual-strip > .annual-net span, .annual-strip > .annual-profit span, .metrics .net-card > span, .metrics .profit-card > span { color: rgba(255,255,255,.78); }
.help-tip { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; margin-left: 5px; border: 1px solid currentColor; border-radius: 50%; color: inherit !important; font: 800 11px/1 ui-sans-serif,system-ui; vertical-align: 1px; cursor: help; outline: none; }
.help-tip::after { content: attr(data-tooltip); position: absolute; z-index: 10; left: 50%; bottom: calc(100% + 10px); width: min(280px,75vw); padding: 11px 13px; border-radius: 4px; background: var(--ink); color: white; font: 500 12px/1.45 ui-sans-serif,system-ui; letter-spacing: 0; text-transform: none; text-align: left; box-shadow: 0 8px 24px rgba(0,0,0,.22); opacity: 0; visibility: hidden; transform: translate(-50%,5px); transition: opacity .15s,transform .15s,visibility .15s; pointer-events: none; }
.help-tip:hover::after, .help-tip:focus-visible::after { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.annual-strip span .help-tip { display: inline-flex; vertical-align: -3px; margin-left: 6px; }
.report-metric-link { display: block; color: inherit; text-decoration: none; }
.report-metric-link article { height: 100%; transition: transform .15s, border-color .15s, box-shadow .15s; }
.report-metric-link:hover article, .report-metric-link:focus-visible article { transform: translateY(-2px); border-color: var(--red); box-shadow: 0 6px 18px rgba(23,23,19,.08); }
.report-metric-link em { color: var(--red); font-size: 12px; font-style: normal; margin-top: 5px; }
.month-report-link { color: white; text-decoration: none; transition: transform .15s, box-shadow .15s, background .15s; }
.month-report-link em { color: #ffe1da; font-size: 12px; font-style: normal; font-weight: 700; margin-top: 9px; }
.month-report-link:hover, .month-report-link:focus-visible { background: #a93225; transform: translateY(-2px); box-shadow: 0 7px 18px rgba(91,31,23,.18); }
.obligation-strip { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 28px; margin: -25px 0 48px; padding: 18px 22px; border: 1px solid var(--line); border-left: 4px solid var(--red); background: var(--card); color: var(--ink); text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.obligation-strip span, .obligation-strip small { display: block; }.obligation-strip span { font-weight: 750; }.obligation-strip small { color: var(--muted); margin-top: 2px; }.obligation-strip strong { font: 500 30px/1 Georgia,serif; }.obligation-strip em { color: var(--red); font-size: 12px; font-style: normal; font-weight: 700; }
.obligation-strip:hover, .obligation-strip:focus-visible { border-color: var(--red); box-shadow: 0 6px 18px rgba(23,23,19,.08); }
@media (max-width: 650px) { .obligation-strip { grid-template-columns: 1fr auto; gap: 12px; }.obligation-strip em { grid-column: 1 / -1; } }