:root{--bg:#efeeeb;--panel:#faf9f7;--line:#dcdad5;--ink:#3c3e3c;--muted:#8b8c86;--accent:#455c61}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:15px}body{margin:0;background:var(--bg);color:var(--ink);font:12px/1.5 Arial,Helvetica,sans-serif}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:hover,a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #748c91;outline-offset:3px}.wrap{max-width:1320px;padding-inline:24px;margin:auto}header{background:#f9f8f5;border-bottom:1px solid var(--line)}.header-inner{height:78px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-.7px;white-space:nowrap}.logo{display:grid;place-items:center;width:35px;height:38px;background:var(--accent);color:#f4f3f0;border-radius:4px;font-size:27px;font-weight:400}.brand .light{font-weight:400;color:#82817e}.brand small{display:block;font-size:8px;letter-spacing:2.6px;font-weight:400;color:#92918e}#searchForm{display:flex;width:440px;margin-left:15px;height:35px;background:#fefdfa;border:1px solid #d4d3d0;border-radius:4px}#search{min-width:0;flex:1;border:0;background:none;padding:8px 12px;outline:none;font-size:12px}#searchForm button{width:38px;border-left:1px solid #e0dfdc;color:#8c8b88;font-size:23px;line-height:1}#savedNav{margin-left:auto;white-space:nowrap;color:#7f7e7b;font-size:11px}#savedCount{background:#e9e8e5;border-radius:3px;font-size:10px;padding:2px 5px;margin-left:5px}nav{border-bottom:1px solid #d6d5d2;background:#e6e5e2}nav>.wrap{display:flex;align-items:center;gap:29px;height:39px}nav a{height:39px;display:flex;align-items:center;font-size:11px;white-space:nowrap;color:#777673;border-bottom:2px solid transparent}nav a.selected{color:#3e5a5c;border-bottom-color:var(--accent);font-weight:600}nav .wrap>span{margin-left:auto;font-size:10px;color:#979693}.ad{border:1px solid #d9d8d5;background:repeating-linear-gradient(135deg,#e6e5e2,#e6e5e2 3px,#e4e3e0 3px,#e4e3e0 4px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#a1a09d}.ad>span{font-size:8px;letter-spacing:2px}.ad small{font-size:9px;letter-spacing:.7px}.ad-top{max-width:728px;height:90px;margin:19px auto 22px}.breadcrumb{display:flex;gap:10px;font-size:10px;color:#959491;margin-bottom:10px}.breadcrumb span{color:#b1b0ad}.page-heading{display:flex;gap:10px;align-items:center;margin-bottom:17px}h1{font-size:21px;font-weight:600;letter-spacing:-.4px;line-height:1.3;margin:0}.sample{font-size:9px;color:#999895;border:1px solid #dad9d6;border-radius:3px;padding:2px 5px}.layout{display:grid;grid-template-columns:180px minmax(0,1fr) 260px;gap:20px;align-items:start}.filters{border:1px solid var(--line);border-radius:4px;background:#f5f5ee;overflow:hidden}.box-title{display:flex;align-items:center;justify-content:space-between;padding:12px 11px;font-size:11px;font-weight:600;border-bottom:1px solid var(--line)}.box-title button{padding:0;font-size:9px;font-weight:400;color:#969592}.filters section{padding:13px 11px;border-bottom:1px solid #e0dfdc}.filters h2{font-size:9px;font-weight:400;letter-spacing:.9px;color:#8f8e8b;margin:0 0 10px}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.grades button{border:1px solid #dad9d6;background:#f9faf4;border-radius:3px;padding:5px 0;font-size:10px}.grades .grade-all{grid-column:1/-1}.grades button.selected{background:#e5e4e1;border-color:#8d8c89;color:#545350}.filter-option{padding:6px 4px;display:flex;align-items:center;gap:7px;width:100%;text-align:left;font-size:10px;color:#868582}.filter-option:before{content:'';width:10px;height:10px;border:1px solid #cfcecb;background:#fbfcf7;border-radius:2px;flex-shrink:0}.filter-option.selected{color:#5e5d5a}.filter-option.selected:before{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2px #f4f3f0}.filter-option span{margin-left:auto;font-size:9px;color:#a5a4a1}.filter-summary{display:flex;align-items:center;gap:7px;padding:13px 10px;font-size:8px;color:#9b9a97}.filter-summary span{font-size:7px;border:1px solid #d1beae;border-radius:2px;padding:2px 3px;color:#a17d63}.results{border:1px solid var(--line);border-radius:4px;background:var(--panel);overflow:hidden}.list-tools{height:47px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;border-bottom:1px solid #e4e3e0}.tabs{display:flex;align-self:stretch;gap:22px}.tabs button{padding:0;border-bottom:2px solid transparent;font-size:11px;color:#92918e}.tabs button.selected{color:#555451;border-bottom-color:#6c6b68;font-weight:600}.list-tools label{display:flex;align-items:center;gap:5px;color:#9d9c99;font-size:9px}.list-tools select{border:0;background:transparent;font-size:10px;width:95px;color:#81807d}.result-meta{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:10px 15px;color:#9f9e9b;font-size:10px;gap:8px}.result-meta button{font-size:9px;background:#efeeeb;border:1px solid #dddcd9;border-radius:3px;padding:2px 6px;color:#83827f}.table-head{display:grid;grid-template-columns:1fr 80px 99px;gap:10px;padding:7px 15px;background:#edece9;border-block:1px solid #e1e0dd;font-size:8px;letter-spacing:.6px;color:#9f9e9b}.table-head span:last-child{text-align:right;padding-right:28px}.file-row{display:grid;grid-template-columns:29px minmax(0,1fr) 75px 99px;gap:11px;align-items:center;padding:17px 15px;min-height:87px;border-bottom:1px solid #e7e6e3}.file-row:hover{background:#f4f3f0}.pdf-icon{position:relative;width:27px;height:35px;border:1px solid #d5c5b5;border-radius:2px;background:#f0efec;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;font-size:8px;letter-spacing:.5px;color:#ad7961}.pdf-icon:after{content:'';position:absolute;top:-1px;right:-1px;width:8px;height:8px;background:linear-gradient(45deg,#ded4c6 50%,var(--panel) 51%);border-left:1px solid #d5c5b5;border-bottom:1px solid #d5c5b5}.file-title{font-size:12px;font-weight:600;line-height:1.4;margin:0 0 6px}.file-title button{padding:0;text-align:left;font-weight:inherit}.file-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:9px;color:#a09f9c}.grade-tag{font-size:9px;border:1px solid #deddda;background:#eeedea;border-radius:2px;padding:1px 4px;color:#8c8b88}.file-tags i{font-style:normal;color:#b9b8b5}.file-info{font-size:9px;line-height:1.8;color:#a8a7a4}.file-info strong{display:block;font-weight:400;color:#8e8d8a}.file-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}.download{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--accent);color:#fafcf6!important;border-radius:3px;padding:7px 8px;font-size:10px;white-space:nowrap}.download:hover{background:#334c50}.download svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7}.save{display:flex;padding:4px;color:#a6a5a2}.save svg{width:14px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2}.save[aria-pressed=true]{color:var(--accent)}.save[aria-pressed=true] svg{fill:#dad9d6}.list-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;font-size:9px;color:#a6a5a2}.list-footer span:last-child{padding:2px 7px;border:1px solid #dbdad7;background:#e9e8e5;border-radius:3px;color:#7b7a77}.ad-side{width:100%;aspect-ratio:1.2;max-height:250px}.quick-box{border:1px solid var(--line);border-radius:3px;background:#f4f3f0;margin:17px 0}.quick-box h2{font-size:11px;font-weight:600;padding:11px 13px;margin:0;border-bottom:1px solid #dfdedb}.quick-box button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 13px;border-bottom:1px solid #e6e5e2;text-align:left;color:#949390;font-size:10px}.quick-box button:last-child{border:0}.quick-box button span{color:#b6b5b2}.bottom-links{display:flex;align-items:center;gap:25px;border-block:1px solid #deddda;padding:14px 0;margin-top:25px}.bottom-links strong{font-size:10px;font-weight:400;color:#979693;white-space:nowrap}.bottom-links>div{display:flex;gap:17px;flex-wrap:wrap}.bottom-links button{padding:0;font-size:10px;color:#92918e}.ad-bottom{max-width:728px;height:90px;margin:20px auto}footer{background:#e8e7e4;border-top:1px solid #dbdad7;margin-top:24px}footer .wrap{display:flex;align-items:center;gap:25px;padding-block:19px;font-size:9px;color:#a2a19e}footer span:first-child{font-weight:600;color:#858481}footer button{margin-left:auto;font-size:9px;color:#989794}#empty{text-align:center;padding:45px 15px;color:#999895}#empty button{padding:7px 10px;border:1px solid #d6d5d2;border-radius:3px;color:#7c7b78}dialog{width:670px;max-width:calc(100vw - 28px);max-height:87vh;border:1px solid #d7d6d3;border-radius:5px;background:var(--panel);padding:0;color:var(--ink);box-shadow:0 12px 60px #344b2622}dialog::backdrop{background:#303b354d}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #e0dfdc;background:#f0efec;font-size:10px;color:#989794}.close{font-size:21px;line-height:1;padding:0}#detailContent{padding:20px}#detailContent h2{font-size:18px;line-height:1.4;font-weight:600;margin:0 0 12px}#detailContent h3{font-size:13px;margin:20px 0 8px}#detailContent p,#detailContent li{font-size:12px;line-height:1.8;color:#8a8986}#detailContent .detail-meta{font-size:10px;color:#a4a3a0;padding-bottom:15px;border-bottom:1px solid #e8e7e4}.detail-actions{display:flex;align-items:center;gap:20px;border-top:1px solid #e8e7e4;margin-top:20px;padding-top:15px}.detail-actions button{font-size:11px;color:#989794}.detail-actions .download{font-size:11px;padding:9px 13px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#545350;color:white;padding:9px 14px;border-radius:4px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}#toast.visible{opacity:1}
/* Ash palette: keep surfaces and secondary text neutral. */
:root{--accent:#465d63}.filters{background:#f6f5f1}nav{background:#e7e6e1}nav a{color:#71736e}nav .wrap>span{color:#959491}.brand .light{color:#83857e}.brand small,#savedNav{color:#82817e}#savedCount{background:#e9e9e3}.ad{border-color:#dad9d3;background:repeating-linear-gradient(135deg,#e8e7e2,#e8e7e2 3px,#e6e5e0 3px,#e6e5e0 4px);color:#a2a19e}.breadcrumb{color:#92918e}.breadcrumb span{color:#b3b2af}.sample{color:#93928f;border-color:#d7d6d3}.box-title button,.filters h2,.filter-summary{color:#91908d}.filters section{border-color:#deddda}.grades button{border-color:#d9d8d5;background:#faf9f5}.grades button.selected{background:#e2e7e3;border-color:#959491;color:#5a5956}.filter-option{color:#81807d}.filter-option:before{border-color:#cccbc8;background:#fafbf5}.filter-option.selected{color:#5a5956}.filter-option span{color:#9f9e9b}.list-tools{border-color:#e3e2df}.tabs button{color:#92918e}.tabs button.selected{color:#4b6264;border-color:#607a7b}.list-tools label,.result-meta{color:#979693}.list-tools select{color:#7e7d7a}.result-meta button{background:#efeeeb;border-color:#dcdbd8;color:#81807d}.table-head{background:#efefe9;border-color:#e1e0dd;color:#979693}.file-row{border-color:#e6e5e2}.file-row:hover{background:#f4f5ee}.file-tags{color:#959491}.grade-tag{color:#868582;background:#eeedea;border-color:#dddcd9}.file-tags i{color:#b6b5b2}.file-info{color:#a09f9c}.file-info strong{color:#8b8a87}.save{color:#a6a5a2}.list-footer{color:#9f9e9b}.list-footer span:last-child{background:#eae9e6;border-color:#dddcd9;color:#848380}.quick-box{background:#f4f5ee}.quick-box h2{border-color:#e0dfdc}.quick-box button{color:#8f8e8b;border-color:#e5e4e1}.quick-box button span{color:#b2b1ae}.bottom-links{border-color:#deddda}.bottom-links strong{color:#908f8c}.bottom-links button{color:#8d8c89}footer{background:#e7e6e3;border-color:#dad9d6}footer .wrap{color:#9b9a97}footer span:first-child{color:#82817e}footer button{color:#908f8c}
@media(min-width:1450px){.layout{grid-template-columns:185px minmax(0,1fr) 280px;gap:22px}.file-row{padding-block:18px}}@media(max-width:1100px){.layout{grid-template-columns:155px minmax(0,1fr) 210px;gap:14px}.header-inner{gap:25px}.brand{font-size:18px}nav>.wrap{gap:22px}.file-row{grid-template-columns:26px minmax(0,1fr) 52px 87px;gap:8px;padding-inline:12px}.file-title{font-size:11px}.file-actions{gap:4px}.download{font-size:9px;padding:7px}.file-info{font-size:8px}.table-head{grid-template-columns:1fr 52px 87px}.tabs{gap:15px}.list-tools{padding-inline:12px}.list-tools label{font-size:0}}@media(max-width:900px){.layout{grid-template-columns:155px minmax(0,1fr)}.right-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.secondary-ad{display:none}.quick-box{margin:0;align-self:start}.ad-side{max-height:180px}.header-inner{gap:16px}#searchForm{margin-left:0;width:auto;flex:1}#savedNav{font-size:10px}nav .wrap>span{display:none}nav>.wrap{gap:24px;overflow-x:auto}.bottom-links{align-items:flex-start}.bottom-links>div{gap:12px}}@media(max-width:600px){.header-inner{height:auto;min-height:104px;padding:15px;flex-wrap:wrap;gap:12px}.brand{font-size:18px}.brand small{font-size:7px;letter-spacing:1.8px}.logo{width:30px;height:33px;font-size:24px}#savedNav{margin-left:auto;font-size:10px;padding:0}#savedCount{font-size:9px}#searchForm{order:3;flex:0 0 100%;height:32px}#search{font-size:11px}nav>.wrap{padding-inline:15px;gap:23px;height:35px}nav a{height:35px;font-size:10px}main.wrap{padding:0 12px}.ad-top{height:60px;margin:12px auto 15px}.ad-top small,.ad-bottom small{font-size:8px}.breadcrumb{font-size:9px;margin-bottom:8px}.page-heading{margin-bottom:13px}h1{font-size:18px}.sample{font-size:8px}.layout{grid-template-columns:minmax(0,1fr);gap:12px}.filters{background:transparent;border:0;display:flex;flex-direction:column;gap:9px;overflow:visible}.box-title,.filters section h2,.filter-summary{display:none}.filters section{padding:0;border:0}.grades{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.grades button{flex-shrink:0;padding:5px 8px;font-size:10px}.grades .grade-all{padding-inline:12px}#subjects,#categories{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.filter-option{width:auto;flex-shrink:0;padding:4px 7px;border:1px solid #dbdad7;border-radius:3px;font-size:9px}.filter-option:before{display:none}.filter-option span{font-size:8px}.filter-option.selected{background:#e6e5e2;border-color:#aeadaa}.results{min-width:0}.list-tools{height:41px;padding-inline:10px}.tabs{gap:16px}.tabs button{font-size:10px}.list-tools select{font-size:9px;width:84px}.result-meta{font-size:9px;padding:8px 10px}.table-head{grid-template-columns:1fr 74px;font-size:7px;padding:6px 11px}.table-head span:nth-child(2){display:none}.table-head span:last-child{padding-right:15px}.file-row{grid-template-columns:24px minmax(0,1fr) 72px;grid-template-rows:auto auto;gap:3px 8px;padding:14px 10px;min-height:94px}.pdf-icon{width:24px;height:31px;font-size:7px;grid-row:1/3}.file-main{grid-column:2}.file-title{font-size:11px;margin-bottom:6px}.file-tags{font-size:8px;gap:4px}.grade-tag{font-size:8px}.file-info{grid-column:2;display:flex;gap:6px;font-size:8px;margin-top:0}.file-info strong{font-size:8px;display:inline}.file-actions{grid-column:3;grid-row:1/3;flex-direction:column-reverse;gap:5px;align-self:center}.download{font-size:9px;padding:7px 6px;gap:4px}.download svg{width:11px;height:11px}.save{padding:3px}.save svg{height:13px;width:12px}.list-footer{font-size:8px;padding:10px}.right-rail{display:block;grid-column:1}.right-rail .ad-side{max-height:160px;aspect-ratio:auto;height:150px}.quick-box{margin-top:13px}.quick-box h2{padding:10px 12px}.quick-box button{padding:8px 12px}.bottom-links{margin-top:18px;gap:15px;font-size:9px}.bottom-links strong,.bottom-links button{font-size:9px}.bottom-links>div{gap:9px}.ad-bottom{height:60px;margin:15px auto}footer{margin-top:17px}footer .wrap{padding:15px;gap:12px;flex-wrap:wrap;font-size:8px}footer span:nth-child(2){display:none}footer button{font-size:8px}#detailContent{padding:16px}#detailContent h2{font-size:16px}.dialog-header{padding:9px 16px}.detail-actions{gap:15px;flex-wrap:wrap}#toast{max-width:90vw;white-space:nowrap;font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Compact, readable secondary text. */
.file-tags{color:#7f817b}.file-info{color:#888a83}.file-info strong{color:#70766c}.filter-option{color:#74796e}.quick-box button{color:#767d70}.grade-tag{color:#6f7c65}#detailContent p,#detailContent li{color:#60665d}#detailContent .detail-meta{color:#858b7e}

#accountNav{margin-left:auto;white-space:nowrap;font-size:11px;color:#58676a;border:1px solid #cbd0c8;border-radius:3px;padding:6px 9px}#savedNav{margin-left:0}.header-inner{gap:23px}#searchForm{flex:1;max-width:440px;margin-left:0}#accountDialog{width:720px}#accountContent{padding:20px}#accountContent h2{font-size:18px;font-weight:600;margin:0 0 10px}.account-hint{font-size:12px;color:#757b70;line-height:1.8;margin:0 0 18px}.account-form{display:grid;gap:13px;max-width:360px}.account-form label{display:grid;gap:6px;font-size:11px;color:#747b6c}.account-form input,.profile-tools select,.profile-file-controls select,.note-form input,#folderForm input{padding:8px 9px;border:1px solid #d7dcd0;background:#fffefa;border-radius:3px;font-size:12px;min-width:0}.account-form .download{justify-self:start;border:0;padding:9px 13px;font-size:11px}.account-form [name=code]{letter-spacing:5px;font-size:19px;width:170px}.account-message{font-size:11px;color:#9c6357;margin:5px 0;min-height:16px}.account-small{color:#919b85;font-size:10px;margin-top:17px}.account-inline{display:flex;gap:18px;margin-top:10px}.account-inline button{padding:0;font-size:11px;color:#7c8c6e;text-decoration:underline}.profile-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.profile-heading p{font-size:11px;color:#87957a;margin:0}.profile-heading>button{font-size:10px;color:#909a84}.verified{display:inline-block;font-size:8px;padding:1px 4px;border:1px solid #d2ddc7;color:#81986d;margin-left:5px;border-radius:3px}.profile-tools{display:flex;align-items:center;gap:13px;margin:14px 0}.profile-tools select{max-width:240px;font-size:11px}.profile-tools button{font-size:11px;color:#718966;padding:0}.profile-tools>span{font-size:10px;color:#99a68b;margin-left:auto}.profile-file{padding:14px 0;border-top:1px solid #e0e6d7}.profile-file-top{display:flex;align-items:center;gap:15px;justify-content:space-between}.profile-file h3{font-size:12px;margin:0;font-weight:600}.profile-file h3 button{padding:0;text-align:left;font-weight:inherit}.profile-file-meta{font-size:10px;color:#94a184;margin:5px 0 9px}.profile-file-controls{display:flex;align-items:center;gap:15px}.profile-file-controls select{padding:5px 7px;font-size:10px;max-width:220px}.profile-file-controls label{font-size:10px;display:flex;align-items:center;gap:3px;color:#8b9a7c}.profile-file-controls input{accent-color:#546d58}.profile-file-controls>button{font-size:10px;color:#9ca68f;margin-left:auto;padding:0}.note-form{display:flex;gap:7px;margin-top:10px}.note-form input{flex:1;font-size:11px;padding:7px 8px}.note-form button{font-size:10px;color:#899d77;white-space:nowrap}.profile-empty{font-size:12px;line-height:1.8;color:#919f83;padding:20px 0}.import-box{background:#edf2e7;border:1px solid #d8e3cc;padding:9px 10px;font-size:10px;color:#8da078;margin:12px 0}.import-box button{font-size:10px;color:#607e4b;text-decoration:underline}#folderForm{margin:0 0 15px}#folderForm:not([hidden]){display:flex;gap:8px}#folderForm input{flex:1;font-size:11px}#folderForm button{font-size:10px}.account-form [type=submit]:disabled{opacity:.6}
@media(max-width:600px){.header-inner{gap:9px}.brand{font-size:16px}.brand small{font-size:6px}.logo{width:27px;height:30px;font-size:22px}#accountNav{margin-left:auto;font-size:9px;padding:5px 6px}#savedNav{font-size:0}#savedCount{font-size:9px;margin-left:0}#searchForm{max-width:none}#accountContent{padding:16px}.profile-tools{flex-wrap:wrap;gap:10px}.profile-tools select{max-width:185px}.profile-tools>span{font-size:9px}.profile-file-top{gap:10px}.profile-file h3{font-size:11px}.profile-file-controls{gap:9px;flex-wrap:wrap}.profile-file-controls select{max-width:170px}.profile-file-controls>button{font-size:9px}.note-form button{font-size:9px}.profile-heading p{font-size:10px}.profile-heading>button{font-size:9px}.verified{font-size:7px}}