.observation-nav{display:flex;gap:20px;padding-block:14px}
.observation-main{max-width:1000px;padding-block:24px 36px}
.observation-main section{margin-block:20px;padding:16px 20px;border:1px solid var(--qg-line);border-radius:10px;background:var(--qg-panel)}
.observation-main dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px}
.observation-main dd{margin:0;font-variant-numeric:tabular-nums}
.observation-table{overflow-x:auto}
.observation-table table{width:100%;border-collapse:collapse;white-space:nowrap}
.observation-table th,.observation-table td{padding:8px;text-align:left;border-bottom:1px solid var(--qg-line)}
.observation-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:0;list-style:none}
.observation-products a{display:block;padding:8px 10px;border:1px solid var(--qg-line);border-radius:6px}