:root{--bg-color: #efeeea;--text-main: #1a1a1a;--text-secondary: #666666;--line-color: #d1d0cc;--hover-bg: #e6e5e0;--font-display: "Inter", "Helvetica Neue", Arial, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 20px;--text-xl: 32px;--sidebar-width: 280px;--page-padding: 60px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html,body,#root{min-height:100%}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-display);font-size:var(--text-base);line-height:1.5;min-height:100vh}.archive-layout{display:flex;min-height:100vh;width:100%}aside{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;border-right:1px solid var(--line-color);padding:40px;display:flex;flex-direction:column;background-color:var(--bg-color);z-index:100}main{margin-left:var(--sidebar-width);flex:1;padding:var(--page-padding)}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:500}.mono-number{font-variant-numeric:tabular-nums;font-size:var(--text-xs);letter-spacing:.1em}.logo{margin-bottom:60px}.logo-mark{color:var(--text-main);font-weight:700}nav{display:flex;flex-direction:column;gap:16px;margin-bottom:80px}nav a,.nav-link{text-decoration:none;color:inherit;font-size:var(--text-xs);text-transform:uppercase}.active-nav{text-decoration:underline;text-underline-offset:4px}.filter-section{display:flex;flex-direction:column;gap:12px}.filter-title{margin-bottom:12px}.filter-trigger{font-size:var(--text-xs);text-transform:uppercase;color:var(--text-secondary);cursor:pointer;border:none;background:none;text-align:left;padding:4px 0;font-family:inherit}.filter-trigger.active{color:var(--text-main);font-weight:700}.page-header{margin-bottom:40px}.title-large{font-size:var(--text-xl);font-weight:500;letter-spacing:-.04em;margin-top:8px}.table-wrap{width:100%}.archive-table{width:100%;border-collapse:collapse;margin-top:40px}.archive-table thead tr{border-bottom:1px solid var(--text-main)}.archive-table th{text-align:left;padding:12px 0;font-weight:500}.archive-table td{padding:24px 0;border-bottom:1px solid var(--line-color);vertical-align:top;transition:background-color .2s ease,padding .2s ease}.archive-table tr.row-item{cursor:pointer}.archive-table tr.row-item:hover td{background-color:var(--hover-bg);padding-left:15px;padding-right:15px}.archive-table tr.row-item:focus-visible td{background-color:var(--hover-bg);outline:none}.col-id{width:10%}.col-title{width:45%}.col-discipline{width:20%}.col-year,.col-status{width:10%}.col-action{width:5%;text-align:right}.problem-title{font-size:var(--text-lg);font-weight:500;letter-spacing:-.02em}.problem-summary{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px;max-width:600px}.status-pill{display:inline-block;padding:2px 8px;border:1px solid var(--line-color);border-radius:12px;font-size:10px;text-transform:uppercase}.detail-section{max-width:720px}.detail-back{cursor:pointer;border:none;background:none;font-family:inherit;color:var(--text-secondary);margin-bottom:48px;display:inline-block;transition:color .15s ease}.detail-back:hover{color:var(--text-main)}.detail-header{margin-bottom:48px}.detail-id{margin-bottom:12px;color:var(--text-secondary)}.detail-title{font-size:40px;font-weight:500;letter-spacing:-.04em;line-height:1.15;margin-bottom:16px}.detail-summary{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6;max-width:600px}.detail-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background-color:var(--line-color);border:1px solid var(--line-color)}.detail-meta-item{background-color:var(--bg-color);padding:24px 28px}.detail-meta-item .label{margin-bottom:8px}.detail-meta-value{font-size:var(--text-base);font-weight:500}.detail-meta-value .status-pill{font-size:var(--text-xs)}.about-section{max-width:800px}.about-lead{font-size:var(--text-lg);line-height:1.6;color:var(--text-main);margin-bottom:48px;letter-spacing:-.01em}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background-color:var(--line-color);border:1px solid var(--line-color)}.about-card{background-color:var(--bg-color);padding:32px}.about-card-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;color:var(--text-main)}.about-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.about-card .status-pill{font-size:9px;vertical-align:middle}footer{margin-top:80px;border-top:1px solid var(--line-color);padding-top:40px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.footer-copy{font-size:var(--text-xs);color:var(--text-secondary)}.back-to-top{cursor:pointer;border:none;background:none;font-family:inherit}@media(max-width:1080px){:root{--page-padding: 40px}aside{padding:32px 28px}}@media(max-width:840px){.archive-layout{display:block}aside{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--line-color)}main{margin-left:0;padding:36px 20px}nav{margin-bottom:48px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.archive-table{min-width:760px}.about-grid,.detail-meta-grid{grid-template-columns:1fr}.detail-title{font-size:28px}footer{flex-direction:column;align-items:flex-start}}