@import url('./base.css');
@import url('./paper.css');

.model-obsession-note{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid var(--line);font:11px/1.6 var(--mono);color:var(--accent)}
.model-obsession-note span:last-child{font-size:10px;color:var(--muted)}
.model-obsession-note:hover span:last-child{color:var(--accent)}
.site-header nav .obsessions-nav-link[aria-current="page"]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}
.company-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.company-link span{font-size:16px}
.drawing-sheet{padding-bottom:32px}
.drawing-hint{bottom:6px;padding:5px 0;border:0;background:none;pointer-events:auto}
.drawing-hint:hover{text-decoration:underline;text-underline-offset:3px}
.state-cell{height:26px;min-width:0;border:0;padding:0;cursor:pointer}
.state-cell:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--ink)}
.state-cell[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:1px}
.state-cell:disabled{cursor:default}
.state-editor{margin-top:12px;font:10px/1.6 var(--mono)}
.state-editor summary{width:fit-content;cursor:pointer;padding:5px 0;min-height:28px;color:var(--accent)}
.state-slider-heading{display:flex;justify-content:space-between;gap:12px;margin:12px 0 4px}
#state-slider{display:block;width:100%;margin:0;min-height:36px;accent-color:var(--accent);cursor:ew-resize}
#state-slider:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.state-status{font:9px/1.7 var(--mono);color:var(--muted)}
#state-restore{font:10px/1.6 var(--mono);border:0;border-bottom:1px solid var(--line);background:none;padding:9px 0;min-height:36px;margin:4px 0}
#state-restore:disabled{opacity:.5;cursor:default}
.state-help{font:11px/1.6 var(--body);color:var(--muted);margin-top:8px}
@media(max-width:760px){.site-header nav{gap:12px}.site-header nav a[href="#about"],.site-header nav a[href^="mailto:"]{display:none}.state-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.site-header nav a[href="#experience"]{display:none}.model-obsession-note{display:block}.model-obsession-note span:last-child{display:block;margin-top:5px}}