/* Scoped collection layout. Opaque note tiles; web glass on navigation surfaces. */
body.collection-page{--collection-bg:#edf3fb;--collection-surface:#fcfdff;--collection-rail:#f6f9ffdb;--collection-ink:#13294b;--collection-muted:#566c88;--collection-line:#dce6f3;--collection-accent:#1656c8;--collection-active:#e7f0ff;--collection-shadow:#25466c12;background:var(--collection-bg);color:var(--collection-ink)}
.collection-page .library-page{min-height:calc(100dvh - 70px);background:radial-gradient(900px 440px at 70% 0,#ffffffa6,transparent),var(--collection-bg);font-family:Inter,system-ui,sans-serif;padding-bottom:24px}
.collection-page .kh-wrap{width:calc(100% - 80px);max-width:1360px;margin-inline:auto}
.collection-page .library-intro{padding:25px 0 20px;border:0;background:none}
.collection-page .library-intro>.kh-wrap{display:flex;align-items:center;gap:28px;justify-content:space-between}
.collection-page .library-back{display:inline-flex;min-height:44px;align-items:center;font-size:13px;font-weight:500;color:var(--collection-muted)}
.collection-page .library-intro h1{margin:0;color:var(--collection-ink);font:750 38px/1.18 Inter,system-ui,sans-serif;letter-spacing:-1.2px;max-width:none}
.collection-page .library-intro p{margin:7px 0 0;color:var(--collection-muted);font-size:15px;line-height:1.5}
.collection-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.collection-exams{position:relative;z-index:20}
.collection-exams>summary{display:flex;align-items:center;gap:22px;list-style:none;min-height:52px;min-width:44px;padding:11px 17px;background:var(--collection-rail);border:1px solid var(--collection-line);border-radius:12px;color:var(--collection-ink);font-size:14px;font-weight:600;cursor:pointer;box-shadow:inset 0 1px 0 #ffffffa1,0 4px 10px var(--collection-shadow);backdrop-filter:blur(12px)}
.collection-exams>summary::-webkit-details-marker{display:none}
.collection-change{color:var(--collection-accent);font-size:13px;white-space:nowrap;font-weight:500}
.collection-change>span{margin-left:5px;font-size:16px}
.collection-page .exam-switcher{position:absolute;right:0;top:calc(100% + 8px);display:grid;grid-template-columns:1fr;width:min(420px,calc(100vw - 40px));margin:0;padding:7px;border:1px solid var(--collection-line);border-radius:14px;background:var(--collection-surface);box-shadow:0 16px 50px #1b37632b;max-height:70dvh;overflow-y:auto}
.collection-page .exam-switcher a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 12px;border-radius:9px;color:var(--collection-ink)}
.collection-page .exam-switcher a:hover{background:var(--collection-active)}
.collection-page .exam-switcher a.on{background:var(--collection-active);color:var(--collection-accent);box-shadow:none}
.collection-page .exam-switcher span{font-size:14px;font-weight:600}
.collection-page .exam-switcher small{font-size:12px;line-height:1.4;opacity:1;color:var(--collection-muted);text-align:right;flex-shrink:0}
.collection-page .knowledge-appearance-control{position:relative;top:auto;right:auto;z-index:25}
.collection-page .knowledge-appearance-button{min-width:44px;min-height:52px;border-radius:12px;border-color:var(--collection-line);padding:10px 14px;background:var(--collection-rail);box-shadow:0 4px 10px var(--collection-shadow);font:500 13px Inter,system-ui,sans-serif;color:var(--collection-muted)}
.collection-page .knowledge-appearance-button span{font:600 17px Inter,system-ui,sans-serif;color:var(--collection-ink)}
.collection-page .knowledge-appearance-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(420px,calc(100vw - 40px));border-color:var(--collection-line);background:var(--collection-surface);color:var(--collection-ink);box-shadow:0 16px 50px #1b37632b}
.collection-page .knowledge-appearance-heading b{font:600 16px Inter,system-ui,sans-serif}
.collection-page .knowledge-appearance-heading small{font-size:12px}
.collection-page .knowledge-appearance-heading>button{width:44px;height:44px}
.collection-page .knowledge-mode-choice{min-height:64px;background:var(--collection-surface);border-color:var(--collection-line);color:var(--collection-ink)}
.collection-page .knowledge-mode-choice b{font-size:14px}.collection-page .knowledge-mode-choice small{font-size:11px}
.collection-page .library-content{padding:8px 0 35px}
.collection-page .library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin:0 0 24px}
.collection-page .collection-count{order:2;max-width:360px;text-align:right}
.collection-page #libraryHeading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.collection-page #libraryCount{margin:0;color:var(--collection-muted);font-size:13px;line-height:1.5}
.collection-page .library-search{order:1;margin:0;width:100%;max-width:750px;min-height:54px;padding:9px 17px;border:1px solid var(--collection-line);border-radius:13px;background:var(--collection-surface);box-shadow:0 5px 13px var(--collection-shadow);color:var(--collection-muted)}
.collection-page .library-search input{font:400 16px/1.5 Inter,system-ui,sans-serif;color:var(--collection-ink);min-width:0;min-height:34px}
.collection-page .library-search input::placeholder{color:var(--collection-muted);opacity:1}
.collection-page .library-search:focus-within{outline:2px solid var(--collection-accent);outline-offset:2px}
.collection-page .library-results{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}
.collection-rail{padding:20px 13px 23px;border:1px solid var(--collection-line);border-radius:18px;background:var(--collection-rail);box-shadow:inset 0 1px 0 #ffffffab,0 8px 20px var(--collection-shadow);min-width:0;backdrop-filter:blur(12px)}
.collection-all{display:flex;align-items:center;min-height:44px;padding:0 9px;color:var(--collection-accent);font-size:13px;line-height:1.4;margin-bottom:14px}
.collection-rail>h2{font:650 20px/1.4 Inter,system-ui,sans-serif;color:var(--collection-ink);margin:0 9px 16px}
.collection-page .primary-folder-tabs,.collection-page .subfolder-switcher{display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px;margin:0;padding:0;border:0}
.collection-page .folder-tab{display:flex;flex-direction:column;justify-content:center;min-width:44px;min-height:58px;padding:12px;border:1px solid transparent;border-radius:10px;background:transparent;font-family:Inter,system-ui,sans-serif;color:var(--collection-muted);box-shadow:none;gap:4px;flex:none;transition:background .15s,border-color .15s}
.collection-page .folder-tab b{font-size:14px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.collection-page .folder-tab small{font-size:12px;line-height:1.4;font-weight:400;opacity:1}
.collection-page .folder-tab:hover{transform:none;color:var(--collection-ink);border-color:var(--collection-line);background:var(--collection-surface)}
.collection-page .folder-tab.active{background:var(--collection-active);color:var(--collection-accent);border-color:var(--collection-line);box-shadow:none}
.collection-page .subfolder-switcher{margin:8px 0 0 10px;padding:0 0 0 9px;border-left:2px solid var(--collection-line)}
.collection-page .subfolder-tab{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:55px;padding:11px 10px;position:relative}
.collection-page .subfolder-tab b{font-size:13px;font-weight:500}
.collection-page .subfolder-tab small{font-size:12px;white-space:nowrap}
.collection-page .subfolder-tab.active:before{content:'';position:absolute;left:-12px;top:8px;bottom:8px;width:4px;background:var(--collection-accent);border-radius:3px}
.collection-page .selected-folder-panel,.collection-search-panel{min-width:0;padding:22px;border:1px solid var(--collection-line);border-radius:18px;background:var(--collection-surface);box-shadow:0 8px 20px var(--collection-shadow);animation:none}
.collection-search-panel{grid-column:1/-1}
.collection-page .selected-folder-panel>.folder-tier-label,.collection-page .selected-folder-head>span,.collection-page .subfolder-head>div>span{display:none}
.collection-page .selected-folder-head,.collection-page .subfolder-head,.collection-search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:0}
.collection-page .selected-folder-head h3,.collection-page .subfolder-head h3,.collection-search-head h2{font:650 23px/1.3 Inter,system-ui,sans-serif;color:var(--collection-ink);letter-spacing:-.6px;margin:0}
.collection-page .subfolder-head>small{font-size:12px;color:var(--collection-muted);margin-left:auto;white-space:nowrap}
.collection-view{display:flex;align-items:center;padding:3px;border:1px solid var(--collection-line);border-radius:10px;background:var(--collection-rail);gap:3px;flex-shrink:0}
.collection-view button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--collection-muted);padding:8px 11px;border-radius:7px;font:500 13px Inter,system-ui,sans-serif;cursor:pointer}
.collection-view button[aria-pressed=true]{background:var(--collection-surface);color:var(--collection-accent);box-shadow:0 3px 8px var(--collection-shadow)}
.collection-page .folder-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.collection-page .note-thumb{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0 15px;align-items:stretch;min-width:0;min-height:188px;padding:10px;border:1px solid var(--collection-line);border-radius:14px;background:var(--collection-surface);transition:border-color .15s,box-shadow .15s;overflow:hidden}
.collection-page .note-thumb:hover{transform:none;border-color:var(--collection-accent);box-shadow:0 5px 15px var(--collection-shadow)}
.collection-note-image{grid-column:1;grid-row:1/3;width:104px;height:168px;min-height:0;object-fit:cover;object-position:48% center;border-radius:9px;opacity:.9;background:#e7eef4}
.collection-page .thumb-paper{grid-column:2;position:static;min-height:0!important;padding:4px 0 0!important;border:0;border-radius:0;background:none;color:var(--collection-ink);box-shadow:none;display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;isolation:auto;overflow:visible}
.collection-page .thumb-paper:before{display:none}
.collection-page .thumb-label{position:static;white-space:normal;overflow:visible;text-overflow:clip;color:var(--collection-muted);font-size:11px;line-height:1.4;font-weight:500;letter-spacing:0;text-transform:none}
.collection-page .thumb-paper>b{font:650 18px/1.35 Inter,system-ui,sans-serif;color:var(--collection-ink);text-align:left;letter-spacing:-.3px;overflow-wrap:anywhere;text-wrap:initial}
.collection-page .thumb-open{position:static;display:flex;align-items:center;justify-content:space-between;min-height:44px;width:100%;margin-top:auto;color:var(--collection-accent);font-size:13px;line-height:1.4;font-weight:600;text-transform:none;letter-spacing:0}
.collection-page .thumb-open i{color:var(--collection-accent);font-size:21px}
.collection-page .thumb-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.collection-page .note-thumb:hover .thumb-paper{border:0;box-shadow:none}
.collection-page [data-collection-view=list] .folder-note-grid{grid-template-columns:1fr}
.collection-page [data-collection-view=list] .note-thumb{grid-template-columns:70px minmax(0,1fr);min-height:125px}
.collection-page [data-collection-view=list] .collection-note-image{width:70px;min-height:105px;max-height:135px}
.collection-page [data-collection-view=list] .thumb-paper{gap:4px}
.collection-page .empty-results{grid-column:1/-1;min-height:250px;padding:45px 24px;background:var(--collection-surface);border:1px solid var(--collection-line);border-radius:16px;font-size:16px;line-height:1.8;color:var(--collection-muted)}
.collection-page .empty-results b{font:600 21px/1.5 Inter,system-ui,sans-serif;color:var(--collection-ink)}
.collection-page main :is(a,button,summary):focus-visible{outline:3px solid var(--collection-accent);outline-offset:3px}
.collection-page .note-thumb:focus-visible .thumb-paper{outline:0}
body.collection-page[data-theme=dark]{--collection-bg:#152131;--collection-surface:#1b2d43;--collection-rail:#1c3048e8;--collection-ink:#e4ecf7;--collection-muted:#b6c6dd;--collection-line:#38516e;--collection-accent:#9ebfff;--collection-active:#2a4669;--collection-shadow:#0513222b}
body.collection-page[data-theme=dark] .library-page,body.collection-page[data-theme=dark] .library-intro{background:var(--collection-bg)}
body.collection-page[data-theme=dark] .exam-switcher{background:var(--collection-surface);border-color:var(--collection-line)}
body.collection-page[data-theme=dark] .folder-tab{background:transparent;border-color:transparent;color:var(--collection-muted)}
body.collection-page[data-theme=dark] .folder-tab.active{background:var(--collection-active);color:var(--collection-accent);border-color:var(--collection-line)}
body.collection-page[data-theme=dark] .collection-rail,body.collection-page[data-theme=dark] .collection-exams>summary{box-shadow:inset 0 1px 0 #ffffff12,0 8px 20px var(--collection-shadow)}
body.collection-page[data-knowledge-appearance=paper]{--collection-bg:#f2ebdb;--collection-surface:#fcf7eb;--collection-rail:#f8f1e3ed;--collection-ink:#362f24;--collection-muted:#6a604f;--collection-line:#ddd0b6;--collection-accent:#805722;--collection-active:#eee0c4;--collection-shadow:#74562910}
body.collection-page[data-knowledge-appearance=focus]{--collection-bg:#f2f5f8;--collection-surface:#fff;--collection-rail:#f8fafc;--collection-shadow:transparent}
body.collection-page[data-knowledge-appearance=focus] .library-intro{padding:25px 0 20px;background:none}
body.collection-page[data-knowledge-appearance=focus] .library-content{padding-top:8px}
body.collection-page[data-knowledge-appearance=focus] .collection-note-image{display:none}
body.collection-page[data-knowledge-appearance=focus] .note-thumb{grid-template-columns:1fr;min-height:160px}
body.collection-page[data-knowledge-appearance=focus] .thumb-paper{grid-column:1}
@media(max-width:1150px){.collection-page .kh-wrap{width:calc(100% - 48px)}.collection-page .library-results{grid-template-columns:225px minmax(0,1fr);gap:15px}.collection-page .selected-folder-panel{padding:17px}.collection-page .note-thumb{grid-template-columns:76px minmax(0,1fr);gap:0 12px}.collection-note-image{width:76px}.collection-page .thumb-paper>b{font-size:17px}.collection-page .subfolder-head{flex-wrap:wrap}.collection-page .subfolder-head>div{flex:1}.collection-tools{gap:8px}.collection-exams>summary{gap:12px}}
@media(max-width:900px){.collection-page .library-intro>.kh-wrap{align-items:flex-start;gap:15px}.collection-tools{max-width:52%}.collection-page .library-results{grid-template-columns:210px minmax(0,1fr)}.collection-page .folder-note-grid{grid-template-columns:1fr}.collection-page .note-thumb{grid-template-columns:95px minmax(0,1fr);min-height:167px}.collection-note-image{width:95px;min-height:145px}.collection-page .collection-count{max-width:240px}.collection-page .library-toolbar{gap:15px}.collection-page .library-intro h1{font-size:33px}}
@media(max-width:767px){
 .collection-page .kh-wrap,.collection-page .library-content.kh-wrap{width:calc(100% - 32px)}
 .collection-page .library-intro,body.collection-page[data-knowledge-appearance=focus] .library-intro{padding:13px 0 16px}
 .collection-page .library-intro>.kh-wrap{display:block}.collection-page .library-back{font-size:12px;min-height:38px}.collection-page .library-intro h1{font-size:30px;letter-spacing:-.8px}.collection-page .library-intro p{font-size:14px;margin:5px 0 0}
 .collection-tools{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-top:17px;gap:8px;justify-content:stretch}.collection-exams>summary{min-height:50px;padding:10px 12px;display:flex;justify-content:space-between;font-size:13px;gap:8px}.collection-change{font-size:0}.collection-change>span{font-size:17px;margin:0}.collection-exams{min-width:0}.collection-page .exam-switcher{left:0;right:auto;width:min(360px,calc(100vw - 32px));padding:6px}.collection-page .exam-switcher a{min-height:59px;padding:10px}.collection-page .exam-switcher span{font-size:13px}.collection-page .exam-switcher small{font-size:11px;max-width:95px}
 .collection-page .knowledge-appearance-button{min-width:50px;min-height:50px;padding:9px 12px;font-size:0}.collection-page .knowledge-appearance-panel{position:fixed;top:calc(var(--nav-h,58px) + 12px);left:16px;right:16px;width:auto;padding:13px}.collection-page .knowledge-mode-choice{min-height:64px}.collection-page .knowledge-mode-choice b{font-size:13px}.collection-page .knowledge-mode-choice small{font-size:10px}
 .collection-page .library-content,body.collection-page[data-knowledge-appearance=focus] .library-content{padding-top:0}.collection-page .library-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:11px;margin-bottom:16px}.collection-page .collection-count{max-width:none;text-align:left;order:2}.collection-page #libraryCount{font-size:12px}.collection-page .library-search{margin:0;min-height:54px;padding:8px 13px}.collection-page .library-search input{font-size:16px}
 .collection-page .library-results{display:flex;flex-direction:column;gap:15px}.collection-rail{width:100%;padding:13px;border-radius:14px}.collection-all{font-size:12px;min-height:44px;padding:0;margin-bottom:6px}.collection-rail>h2{font-size:18px;margin:0 0 11px}.collection-page .primary-folder-tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.collection-page .primary-folder-tabs .folder-tab{flex:1 1 135px;min-width:44px;min-height:58px;padding:10px;font-size:14px}.collection-page .folder-tab b{font-size:14px}.collection-page .folder-tab small{font-size:12px}.collection-page .subfolder-switcher{display:flex;flex-direction:column;gap:5px;margin-top:8px;padding-left:9px;margin-left:5px}.collection-page .subfolder-switcher .folder-tab{flex:none;padding:11px;min-height:50px}.collection-page .subfolder-tab b{font-size:13px}
 .collection-page .selected-folder-panel,.collection-search-panel{width:100%;padding:14px 11px;border-radius:14px}.collection-page .selected-folder-head,.collection-page .subfolder-head,.collection-search-head{gap:10px;margin-bottom:14px;flex-wrap:wrap}.collection-page .selected-folder-head h3,.collection-page .subfolder-head h3,.collection-search-head h2{font-size:21px}.collection-page .subfolder-head>small{font-size:12px}.collection-view{padding:2px;gap:2px}.collection-view button{font-size:12px;padding:8px 10px;min-width:44px;min-height:44px}
 .collection-page .folder-note-grid{grid-template-columns:1fr;gap:11px}.collection-page .note-thumb{grid-template-columns:78px minmax(0,1fr);gap:0 12px;min-height:171px;padding:9px;border-radius:11px}.collection-note-image{width:78px;min-height:151px;border-radius:7px}.collection-page .thumb-paper{padding:2px 0 0!important;gap:8px}.collection-page .thumb-paper>b{font-size:17px;line-height:1.4}.collection-page .thumb-label{font-size:11px;line-height:1.4}.collection-page .thumb-open{font-size:13px;min-height:44px}.collection-page .empty-results{padding:25px 17px;font-size:15px}.collection-page .empty-results b{font-size:18px}
}
@media(prefers-reduced-transparency:reduce){.collection-rail,.collection-exams>summary{background:var(--collection-surface);backdrop-filter:none}}
@media(max-width:767px){.collection-page .subfolder-head>div:first-child{flex-basis:100%}.collection-page .subfolder-head>small{margin-left:0}.collection-page .subfolder-head>.collection-view{margin-left:auto}}
@media(max-width:767px){.collection-note-image{height:151px;min-height:0}}
/* Keep the layout choice meaningful at narrow widths, including Focus appearance.
   The existing controllers continue to own notes, folders, search and view state. */
@media(max-width:900px){
 .collection-page [data-collection-view=grid] .folder-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 .collection-page [data-collection-view=grid] .note-thumb{grid-template-columns:minmax(0,1fr);gap:9px;min-height:0}
 .collection-page [data-collection-view=grid] .collection-note-image{grid-column:1;grid-row:auto;width:100%;height:94px;min-height:0;max-height:none;object-position:center}
 .collection-page [data-collection-view=grid] .thumb-paper{grid-column:1;grid-row:auto}
 .collection-page [data-collection-view=grid] .thumb-paper>b{font-size:14px;line-height:1.4}
 .collection-page [data-collection-view=grid] .thumb-open{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.collection-page .folder-tab,.collection-page .note-thumb{transition:none}}