.subject-heading-controls{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;min-width:0}
.subject-heading-controls h2{margin:0}
.subject-view-switch{display:inline-flex;flex-shrink:0;align-items:center;gap:0;isolation:isolate}
.subject-view-switch button{position:relative;isolation:isolate;border:0;background:transparent;color:var(--ink);font-family:Andika,Arial,sans-serif;font-size:12px;line-height:1.3;min-height:44px;min-width:52px;padding:0 9px;cursor:pointer}
.subject-view-switch button::before{content:'';position:absolute;inset:7px 1px;border:1px solid #c8d9cf;border-radius:7px;background:#f4f8f2;z-index:-1}
.subject-view-switch button[aria-pressed=true]{font-weight:700}
.subject-view-switch button[aria-pressed=true]::before{background:#d8f3cd;border-color:#82ba6c}
.subject-view-switch button:hover::before{border-color:#426a4a}
.subject-circles.subject-circle-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));justify-items:center;max-width:none;gap:8px 10px}
.subject-circle-choice{display:block;aspect-ratio:1;width:92px;max-width:100%;min-height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);touch-action:manipulation}
.circle-subject-art{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:contain}
.circle-subject-original{clip-path:ellipse(49% 48% at 50% 50%)}
.subject-circle-choice:hover{box-shadow:0 0 0 3px #d8f3cd}
.subject-circle-choice:focus-visible{outline:3px solid #243c3d;outline-offset:3px}
.selected-subject-side .circle-subject-art{width:92px;max-width:100%;height:auto;flex-shrink:0}
.selected-subject-side .subject-view-switch{max-width:100%}
.selected-subject-side .subject-view-switch button{min-width:44px;padding:0 7px;font-size:11px}
.all-subcategories>h3{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px;font-family:Andika,Arial,sans-serif;font-size:15px;letter-spacing:0}
.subcategory-count{font-size:12px;font-weight:400;padding:3px 8px;background:#d8f3cd;border-radius:12px}
.all-subcategory-scroll{max-height:240px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 7px 3px 3px;border-bottom:1px solid var(--line)}
.subject-side-layout .all-subcategories .subject-menu-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
.subject-side-layout .all-subcategories .subject-menu-columns section{align-content:start}
.all-subcategory-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:1000px){.subject-side-layout .all-subcategories .subject-menu-columns{grid-template-columns:1fr}}
@media(max-width:760px){
 .all-subcategory-scroll{max-height:380px}
 .subject-nav-heading{flex-wrap:wrap;gap:4px 12px}.subject-heading-controls{gap:4px 8px;flex:1 1 auto}.subject-grid-actions{margin-left:auto}
 .subject-circles.subject-circle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px}.subject-circle-choice{width:88px}
 .selected-subject-side{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:4px 8px;align-items:center;width:100%;min-width:0}
 .selected-subject-side .subject-back{grid-column:1 / 3;grid-row:1;justify-self:start}
 .selected-subject-side .subject-view-switch{grid-column:3;grid-row:1;flex-direction:row;width:auto;justify-self:end}
 .selected-subject-side .circle-subject-art,.selected-subject-side .approved-subject-icon{grid-column:1;grid-row:2;width:60px;height:60px}
 .selected-subject-name{grid-column:2;grid-row:2;text-align:left;overflow-wrap:anywhere;min-width:0}
 .selected-subject-side .subject-all{grid-column:3;grid-row:2;width:auto;max-width:110px}
}
@media(max-width:380px){.subject-heading-controls{justify-content:space-between}.subject-grid-actions{width:100%;justify-content:flex-end}.subject-circle-choice{width:80px}}