.past-papers-root{display:flex;flex-direction:column;gap:var(--space-3);max-width:1200px;margin-inline:auto;padding-block:var(--space-3)}.past-papers-header{display:flex;flex-direction:column;gap:4px}.past-papers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-2)}.past-papers-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:var(--space-4);color:var(--text-3);font-size:.9rem;border:1px dashed var(--border-2);border-radius:var(--r-lg);text-align:center}.past-papers-pagination{display:flex;align-items:center;gap:var(--space-2);padding-block:var(--space-2);border-top:1px solid var(--border)}.past-papers-page-info{flex:1 1;text-align:center;color:var(--text-3);font-size:.8rem;font-family:var(--font-mono);letter-spacing:.05em}.pp-filter-bar{flex-direction:column;background:linear-gradient(160deg,var(--surface) 0,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--space-2) var(--space-3);box-shadow:0 2px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)}.pp-filter-bar,.pp-filter-row{display:flex;gap:var(--space-1)}.pp-filter-row{align-items:center}.pp-chips-row{flex-wrap:wrap;row-gap:6px}.pp-filter-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);min-width:56px;flex-shrink:0}.pp-chips{display:flex;flex-wrap:wrap;gap:5px;flex:1 1}.pp-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid var(--border-2);color:var(--text-2);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;transition:background var(--t) var(--ease),border-color var(--t) var(--ease),color var(--t) var(--ease)}.pp-chip,.pp-chip:hover{background:var(--surface-3)}.pp-chip:hover{color:var(--text-1)}.pp-chip.active,.pp-chip:hover{border-color:var(--gold-border)}.pp-chip.active{background:var(--gold-dim);color:var(--gold);font-weight:600}.pp-chip-memo{color:var(--green);border-color:rgba(16,185,129,.2);background:rgba(16,185,129,.05)}.pp-chip-memo:hover{background:rgba(16,185,129,.1)}.pp-chip-memo.active,.pp-chip-memo:hover{border-color:rgba(16,185,129,.4);color:var(--green)}.pp-chip-memo.active{background:var(--green-dim)}.pp-search-input{width:100%;padding:9px 14px;background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r-md);color:var(--text-1);font-family:var(--font-body);font-size:.875rem;transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease);outline:none}.pp-search-input::placeholder{color:var(--text-3)}.pp-search-input:focus{border-color:var(--gold-border);box-shadow:0 0 0 3px rgba(255,215,0,.08)}.pp-clear-btn{margin-left:auto;padding:4px 12px;border-radius:999px;border:1px solid var(--border-2);background:transparent;color:var(--text-3);font-size:.72rem;font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;transition:color var(--t) var(--ease),border-color var(--t) var(--ease);white-space:nowrap}.pp-clear-btn:hover{color:var(--text-1);border-color:var(--border-2)}.pp-card{display:flex;flex-direction:column;gap:10px;padding:var(--space-2) var(--space-2);background:linear-gradient(160deg,var(--surface) 0,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--r-lg);color:inherit;text-decoration:none;cursor:pointer;transition:border-color var(--t) var(--ease),transform var(--t) var(--ease),box-shadow var(--t) var(--ease);position:relative;overflow:hidden}.pp-card:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,215,0,.03),transparent 60%);opacity:0;transition:opacity var(--t) var(--ease);pointer-events:none}.pp-card:hover{border-color:var(--gold-border);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 0 transparent}.pp-card:hover:before{opacity:1}.pp-card-subject{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--text-1);line-height:1.3}.pp-card-badges,.pp-card-meta{display:flex;flex-wrap:wrap;gap:5px}.pp-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}.pp-card-cta{font-size:.75rem;color:var(--text-3);font-family:var(--font-mono);letter-spacing:.06em;transition:color var(--t) var(--ease)}.pp-card:hover .pp-card-cta{color:var(--gold)}.pp-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface-3);color:var(--text-2);font-size:.7rem;font-family:var(--font-mono);letter-spacing:.05em;line-height:1.6;white-space:nowrap}.pp-badge-grade{border-color:var(--gold-border);background:var(--gold-dim);color:var(--gold)}.pp-badge-muted{color:var(--text-3);border-color:transparent;background:transparent}.pp-memo-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.68rem;font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap}.pp-memo-available{background:var(--green-dim);border:1px solid rgba(16,185,129,.25);color:var(--green)}.pp-memo-pending{background:transparent;border:1px solid var(--border);color:var(--text-3)}.pp-detail{display:flex;flex-direction:column;gap:var(--space-2);max-width:860px;margin-inline:auto}.pp-detail-nav{display:flex;align-items:center;justify-content:space-between}.pp-back-link{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-3);text-decoration:none;font-family:var(--font-mono);letter-spacing:.06em;transition:color var(--t) var(--ease)}.pp-back-link:hover{color:var(--text-1)}.pp-detail-title{margin-block:0;line-height:1.2}.pp-detail-meta-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pp-detail-actions{display:flex;flex-direction:column;gap:var(--space-1);padding-block:var(--space-2);border-block:1px solid var(--border)}.pp-action-group{gap:8px}.pp-action-group,.pp-detail-attempt-bar{display:flex;flex-wrap:wrap;align-items:center}.pp-detail-attempt-bar{gap:12px;padding:var(--space-2);background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:var(--r-lg)}.pp-attempt-stats{font-size:.8rem;color:var(--text-2);font-family:var(--font-mono);letter-spacing:.04em}.pp-detail-preview{display:flex;flex-direction:column;gap:10px;padding-top:var(--space-1)}.pp-preview-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.pp-preview-frame{border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;background:var(--surface-3)}.pp-preview-expand{display:inline-flex;align-self:flex-end;font-size:.78rem;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-3);text-decoration:none;transition:color var(--t) var(--ease)}.pp-preview-expand:hover{color:var(--gold)}.pp-bookmark-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-md);border:1px solid var(--border-2);background:var(--surface-3);color:var(--text-3);font-size:1rem;cursor:pointer;transition:color var(--t) var(--ease),border-color var(--t) var(--ease),background var(--t) var(--ease);flex-shrink:0}.pp-bookmark-btn.active,.pp-bookmark-btn:hover:not(:disabled){color:var(--gold);border-color:var(--gold-border)}.pp-bookmark-btn.active{background:var(--gold-dim)}.pp-bookmark-btn:disabled{opacity:.4;cursor:wait}.btn-primary{background:linear-gradient(135deg,var(--gold) 0,#e5c100 100%);font-weight:700;letter-spacing:.1em}.btn-primary,.btn-primary:hover{border-color:transparent;color:#07101f}.btn-primary:hover{background:linear-gradient(135deg,#ffe44d 0,var(--gold) 100%)}.outline-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media (max-width:640px){.past-papers-grid{grid-template-columns:1fr}.pp-filter-bar{padding:var(--space-2)}.pp-filter-label{min-width:46px;font-size:.63rem}.pp-detail-actions{gap:var(--space-2)}.pp-action-group,.pp-detail-attempt-bar{flex-direction:column;align-items:stretch}.pp-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;-webkit-overflow-scrolling:touch}}:root[data-theme=light] .pp-card,:root[data-theme=light] .pp-filter-bar{background:linear-gradient(160deg,#fff,#f8f9ff)}:root[data-theme=light] .pp-badge-grade,:root[data-theme=light] .pp-chip.active{border-color:rgba(79,70,229,.3);background:rgba(79,70,229,.08);color:#4f46e5}:root[data-theme=light] .btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}:root[data-theme=light] .btn-primary:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}