.timeline-year{display:flex;align-items:center;gap:7px}.timeline-year .icon-button{width:44px;height:44px;font-size:22px;display:grid;place-items:center;border:1px solid var(--na-line);border-radius:50%;background:transparent;color:var(--na-ink);cursor:pointer}.timeline-year .icon-button:disabled{opacity:.35;cursor:default}.timeline-year .icon-button:focus-visible{outline:2px solid var(--na-gold);outline-offset:4px}.year-number{font:22px Georgia,serif;color:var(--na-ink);min-width:58px;text-align:center}.year-overview{background:#eef1e9;border-radius:12px;padding:17px;display:flex;align-items:center;gap:17px;margin-top:14px}.year-overview strong{font:52px Georgia,serif;color:var(--na-ok);min-width:56px;text-align:center}.year-overview h3{font-size:17px;font-family:var(--na-font-display);font-weight:500;color:var(--na-ink);margin:0}.year-overview p{font-size:12px;color:var(--na-muted);margin:4px 0 0}.year-strip{display:flex;gap:8px;overflow-x:auto;margin:14px 0;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#d8ccae transparent;position:relative}.year-strip button{flex:0 0 51px;min-height:65px;border:0;border-bottom:2px solid transparent;background:none;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;color:var(--na-muted);gap:5px;cursor:pointer;font-family:var(--na-font-body)}.year-strip button strong{font:23px Georgia,serif;color:var(--na-ink)}.year-strip button[aria-pressed=true]{border-color:var(--na-gold);color:var(--na-gold);background:#f4eddc;border-radius:8px 8px 0 0}.year-strip button[aria-pressed=true] strong{color:var(--na-gold)}.year-strip button:focus-visible{outline:2px solid var(--na-gold);outline-offset:2px}.months{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:7px;gap:7px;margin-top:14px}.months button{border:1px solid var(--na-line);border-radius:9px;background:white;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;color:var(--na-muted);cursor:pointer;font-family:var(--na-font-body)}.months button strong{font:22px Georgia,serif;color:var(--na-ink)}.months button[aria-pressed=true]{border-color:var(--na-gold);background:#f5efdf;color:var(--na-gold)}.months button[aria-pressed=true] strong{color:var(--na-gold)}.months button:focus-visible{outline:2px solid var(--na-gold);outline-offset:2px}.month-note{font-size:12px;margin-top:12px;min-height:40px;color:var(--na-muted)}@media (max-width:420px){[data-od-id=timeline-section] .section-head{flex-wrap:wrap;row-gap:10px}[data-od-id=timeline-section] .section-head>.timeline-year,[data-od-id=timeline-section] .section-head>h2{flex:1 1 100%}[data-od-id=timeline-section] .section-head>.timeline-year{justify-content:flex-start}}@media (max-width:350px){.year-strip{gap:5px}.year-strip button{flex-basis:46px}.months{gap:4px}.months button{min-height:58px}.months button strong{font-size:19px}}.name-numbers>.section-title{margin:0 0 4px}.name-numbers-subtitle{margin:0 0 12px;color:var(--na-faint);font-size:12px;line-height:1.7}.name-numbers-field{margin-bottom:8px}.name-numbers-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.name-numbers-field input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--na-line);border-radius:12px;background:var(--na-bg1);color:var(--na-ink);font:inherit;font-size:15px;line-height:22px}.name-numbers-field input::placeholder{color:var(--na-faint)}.name-numbers-field input:focus-visible{outline:2px solid var(--na-gold);outline-offset:2px}.name-numbers-hint{margin:8px 0;color:var(--na-muted);font-size:12px;line-height:1.7}.name-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:10px}.name-number-card{min-width:0;padding:12px 4px;border:1px solid var(--na-line-soft);border-radius:12px;background:var(--na-surface-2);text-align:center}.name-number-value{display:block;font-family:var(--na-font-display);font-size:28px;font-weight:700;color:var(--na-gold-hi)}.name-number-label{display:block;font-size:12px;color:var(--na-faint)}.name-number-karmic{display:inline-block;margin-top:5px;padding:2px 4px;border:1px solid var(--na-bad);border-radius:12px;background:var(--na-bad-bg);color:var(--na-bad);font-size:10px}.name-number-templates{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--na-line-soft);font-size:12px;line-height:1.8}.name-number-templates>div{display:grid;grid-template-columns:5em minmax(0,1fr);grid-gap:8px;gap:8px;margin-top:4px}.name-number-templates dt{color:var(--na-faint)}.name-number-templates dd{margin:0;color:var(--na-muted)}