.sgf{gap:var(--s2);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.sgf input{opacity:0;pointer-events:none;position:absolute}.sgf label{align-items:center;gap:var(--s2);min-height:38px;padding:0 var(--s4);border:1px solid var(--rule2);border-radius:var(--radius);font:var(--t-ui);color:var(--ink2);cursor:pointer;transition:border-color var(--dur),color var(--dur),background-color var(--dur);font-weight:400;display:inline-flex}.sgf label b{color:var(--ink3);font-weight:600}.sgf label:hover{border-color:var(--accent)}.sgf input:checked+label{border-color:var(--head);background:var(--head);color:var(--bg)}.sgf input:checked+label b{color:inherit;opacity:.75}.sgf input:focus-visible+label{outline:2px solid var(--focus);outline-offset:2px}.sgf i{border:1px solid var(--rule2);border-radius:2px;width:10px;height:10px}.sgf i[data-s=studied]{border-color:var(--accent);background:var(--accent)}.sgf i[data-s=quoted]{border-color:var(--head);background:0 0}.sg{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:6px;display:grid}.sg__c{min-height:92px;padding:var(--s2) var(--s3) var(--s3);border:1px solid var(--rule);border-radius:var(--radius);color:var(--ink3);transition:border-color var(--dur),background-color var(--dur);align-content:start;gap:2px;text-decoration:none;display:grid}.sg__no{font:var(--t-meta);color:var(--ink3);font-size:11.5px}.sg__nm{font:var(--t-h3);font-size:17px;font-weight:600;line-height:1.35}.sg__foot{margin-top:auto;display:grid}.sg__n,.sg__s{font:var(--t-meta);color:var(--ink3);font-size:12px;line-height:1.45}.sg__s{color:var(--accent-ink)}.sg__c[data-state=none]{opacity:.5;border-style:dashed}.sg__c[data-state=quoted]{color:var(--head);border-color:var(--rule2)}.sg__c[data-state=studied]{color:var(--head);border-color:var(--accent);background:var(--raise)}a.sg__c:hover{border-color:var(--head)}:is(.sgw:has(.sgf-quoted:checked) .sg__c:not([data-q]),.sgw:has(.sgf-studied:checked) .sg__c:not([data-state=studied])){display:none}@container page (max-width:560px){.sg{grid-template-columns:repeat(3,minmax(0,1fr))}.sg__c{min-height:84px;padding:var(--s2)}.sg__nm{font-size:15px}.sgf label{padding:0 var(--s3)}}