.dd{max-width:880px;margin:0 auto;padding:clamp(24px,4vw,48px) clamp(18px,4vw,32px) 56px;color:var(--fg)}.dd a{color:var(--link)}.dd-head{margin-bottom:clamp(28px,4vw,44px)}.dd-kicker{margin:0 0 10px;color:var(--muted);font:500 .68rem/1.3 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.dd-title{margin:0 0 8px;font:560 clamp(1.5rem,3.4vw,2.3rem) / 1.15 var(--font-display);color:var(--fg)}.dd-sub,.dd-note{margin:0 0 14px;color:var(--muted);font-size:.86rem;line-height:1.6}.dd-good{color:var(--color-highlight)}.dd-warn{color:#e8a87c}.dd-cold{color:var(--color-highlight)}.dd-faint{opacity:.55}.dd-section{margin-bottom:clamp(36px,5vw,52px)}.dd-section>.dd-kicker{padding-bottom:10px;border-bottom:1px solid var(--color-line);margin-bottom:16px}.dd-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.dd-stats--trips{margin-top:16px}.dd-stat{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--color-line);border-radius:var(--radius-xs);background:color-mix(in oklab,var(--color-surface-1) 72%,transparent)}.dd-stat__label{color:var(--muted);font:500 .62rem/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.dd-stat__value{font:560 1.5rem/1 var(--font-display);color:var(--fg)}.dd-stat__sub{color:var(--muted);font-size:.72rem}.dd-chart{position:relative;width:100%;height:200px;color:var(--muted);overflow:hidden}.dd-chart--tall{height:260px}.dd-chart__inner{position:relative;width:100%;height:100%}.dd-chart__inner>canvas,.dd-chart__inner>svg{position:absolute;inset:0}.dd-chart__inner>svg{overflow:visible}.dd-chart__inner>canvas{pointer-events:none}.dd-chart__inner .stroke-border{stroke:color-mix(in oklab,var(--color-line) 76%,transparent);stroke-width:1}.dd-chart__inner text{fill:var(--muted);font:500 9px/1 var(--font-mono);letter-spacing:.04em}.dd-chart-card{margin:0 0 26px}.dd-chart-card .dd-kicker{border-bottom:0;padding-bottom:0;margin-bottom:8px}.dd-trip{padding:20px 0 24px}.dd-trip+.dd-trip{border-top:1px solid color-mix(in oklab,var(--color-line) 70%,transparent)}.dd-trip__mark{display:inline-block;width:9px;height:9px;border-radius:2px;flex:none}.dd-trip__head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dd-trip__head h3{display:flex;align-items:center;gap:10px;margin:0;font:560 1.2rem/1.2 var(--font-display);color:var(--fg)}.dd-trip__head span{color:var(--muted);font:400 .68rem/1.4 var(--font-mono)}.dd-trip__stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.dd-trip__stats .dd-stat{padding:8px 10px;border:0;background:transparent}.dd-trip__stats .dd-stat__value{font-size:1.1rem}.dd-trip__insight{margin:14px 0 0;max-width:64ch;color:var(--muted);font-size:.8rem;line-height:1.65}.dd-trip__insight span{display:block;font:700 .56rem/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:7px}.dd-table-wrap{overflow-x:auto}.dd-table{width:100%;border-collapse:collapse;font:400 .68rem/1.4 var(--font-mono);color:var(--fg)}.dd-table th{padding:8px 6px;text-align:right;color:var(--muted);font-weight:500;font-size:.6rem;white-space:nowrap;border-bottom:1px solid var(--color-line)}.dd-table td{padding:6px;text-align:right;border-bottom:1px solid color-mix(in oklab,var(--color-line) 40%,transparent);white-space:nowrap}.dd-table tr:hover td{background:color-mix(in oklab,var(--color-surface-2) 50%,transparent)}.dd-records{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px 24px;color:var(--muted);font-size:.82rem}.dd-records strong{color:var(--fg)}.dd-method{border:1px solid var(--color-line);border-radius:var(--radius-xs);background:color-mix(in oklab,var(--color-surface-1) 72%,transparent);padding:18px 20px;color:var(--muted);font-size:.84rem;line-height:1.7}.dd-method code{font-family:var(--font-mono);font-size:.78rem;color:var(--color-accent)}.dd-method p{margin:10px 0 0}.dd-method strong{color:var(--fg)}.dd-foot{color:var(--muted);font:400 .62rem/1.4 var(--font-mono);text-align:center;opacity:.7}@media (max-width: 640px){.dd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-chart{height:170px}.dd-chart--tall{height:220px}}