.compact-home{display:none;font-size:14px}.material-hero{padding:65px 7% 60px;background:#223b31;color:#f6f3eb}.material-hero .eyebrow{color:#d2dcc5}.material-hero h1{font:48px/1.45 var(--serif);letter-spacing:3px}.material-hero>p{font-size:16px;color:#d6dfca;line-height:2;margin-top:24px}.library-stats{display:flex;gap:35px;align-items:center;margin-top:35px;border-top:1px solid #bac8a23d;padding-top:25px;font-size:14px;color:#cdd7c0}.library-stats strong{font:24px Georgia,serif;color:#e4d3ab;margin-right:7px}.library-browser{padding-top:45px}.library-controls{display:flex;align-items:end;justify-content:space-between;gap:25px}.search-box{display:block;flex:1;max-width:400px}.search-box>span{display:block;font-size:14px;margin-bottom:8px;color:#6d7a62}.search-box input{font:16px var(--sans);color:#22392f;padding:12px 15px;min-height:49px;border:1px solid #c2ccba;width:100%;background:#fbf9f3;border-radius:0}.search-box input:focus{outline:2px solid #738767;outline-offset:2px}.library-filters{display:flex;gap:22px;flex-wrap:wrap}.library-filters button{font-size:14px;border-bottom:2px solid transparent;padding:10px 0}.library-filters button.active{border-color:#223b31}.library-result-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:40px 0 27px;border-top:1px solid var(--line);padding-top:25px}.library-result-line h2{font-size:27px}.library-result-line p{font-size:14px;color:#76846b}.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}.document-card{border-bottom:1px solid #d7ddcf;padding-bottom:25px}.document-card .library-cover{aspect-ratio:16/11}.document-card .doc-category{font-size:12px;color:#79846d;margin-top:17px}.document-card h3{font:22px/1.5 var(--serif);margin-top:7px;overflow-wrap:anywhere}.document-card>p{font-size:14px;line-height:1.9;margin-top:13px;color:#737d69}.document-card .doc-meta{font-size:12px;color:#818b75;margin-top:13px}.document-actions{display:flex;gap:23px;margin-top:20px;font-size:14px}.document-actions a{border-bottom:1px solid #78866c;padding-bottom:3px}.photo-card{padding:0;text-align:left;display:block}.photo-card .photo-frame{display:block;aspect-ratio:4/3;overflow:hidden;background:#e8eadf}.photo-card img{object-fit:cover;transition:transform .7s var(--ease)}.photo-card:hover img{transform:scale(1.04)}.photo-card h3{font:21px/1.5 var(--serif);margin-top:15px}.photo-card .photo-category{font-size:12px;color:#7a856f;margin-top:7px}.empty-result,.load-error{padding:45px 0;color:#738268;font-size:16px}.load-error .button{margin-top:20px}.photo-dialog{width:min(1000px,95vw);background:#f6f3eb;max-height:94vh}.photo-dialog[open]{display:block}.photo-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px}.photo-dialog-heading h2{font-size:21px;letter-spacing:0}.photo-dialog-heading button{font-size:30px}.photo-dialog>img{width:100%;height:auto;max-height:70vh;object-fit:contain;background:#e9ebdf}.photo-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;font-size:14px}.photo-navigation a{border-bottom:1px solid #8c987f}.photo-navigation button{padding:5px 8px}.photo-navigation button:disabled{opacity:.35;cursor:default}.reader-main{padding:30px 5% 60px;max-width:1500px;margin:auto}.reader-breadcrumb{display:flex;gap:14px;font-size:14px;color:#7d896f;padding:10px 0 25px}.reader-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.reader-heading h1{font:36px/1.5 var(--serif);letter-spacing:1px;overflow-wrap:anywhere}.reader-heading p{font-size:14px;color:#77846c;margin-top:15px;max-width:720px}.reader-actions{display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap;justify-content:end}.reader-actions .button{font-size:13px;padding:10px 16px}.reader-actions .gold{color:#f6f3eb;background:#223b31;border-color:#223b31}.reader-toolbar{position:sticky;top:94px;z-index:15;display:flex;justify-content:center;gap:25px;align-items:center;background:#edf0e5f7;backdrop-filter:blur(12px);padding:13px;border:1px solid #ced6c1;margin-bottom:20px;font-size:14px}.reader-toolbar[hidden]{display:none}.reader-toolbar button{border:1px solid #bac6ad;padding:6px 14px;background:#f6f3eb;min-height:39px}.reader-toolbar button:disabled{opacity:.35;cursor:default}.reader-toolbar select{font:16px var(--sans);color:#223b31;min-width:65px;min-height:39px;margin-left:8px;background:#f6f3eb;border:1px solid #bbc7ae;padding:3px 8px}.reader-canvas{background:#e8ebdf;padding:25px;min-height:350px;position:relative}.reader-canvas img{width:100%;height:auto;object-fit:contain;box-shadow:0 4px 25px #33462b17;background:white}.reader-image-status{font-size:14px;color:#78876b;padding-bottom:15px}.reader-source{font-size:12px;color:#7d896e;margin-top:20px;overflow-wrap:anywhere}.reader-related{display:flex;align-items:center;gap:30px;margin-top:40px;border-top:1px solid #d5dccb;padding-top:30px}.reader-related h2{font:22px var(--serif);letter-spacing:1px}.reader-related a{font-size:14px;color:#65785b}.reader-related a:hover{border-bottom:1px solid #71865f}input,select{font-family:var(--sans)}
@media(max-width:1100px){.library-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}.library-filters{justify-content:start}.reader-heading{display:block}.reader-actions{margin-top:22px;justify-content:start}}
@media(max-width:700px){.compact-home{display:block}.material-hero{padding:42px 7%}.material-hero h1{font-size:34px;letter-spacing:1px}.material-hero>p{font-size:14px}.library-stats{gap:20px;flex-wrap:wrap;font-size:12px}.library-stats strong{font-size:23px}.library-stats span:last-child{width:100%}.library-controls{gap:22px}.library-filters{gap:16px}.library-filters button{font-size:13px}.library-result-line{margin-top:25px}.library-result-line h2{font-size:24px}.library-result-line p{font-size:12px}.document-grid{grid-template-columns:1fr;gap:35px}.document-card h3{font-size:22px}.document-card .library-cover{aspect-ratio:16/10}.photo-dialog-heading{padding:12px 15px}.photo-dialog-heading h2{font-size:18px}.photo-navigation{flex-wrap:wrap;padding:12px 15px;font-size:12px}.reader-main{padding:22px 5% 45px}.reader-heading h1{font-size:28px}.reader-toolbar{top:76px;gap:10px;padding:10px 6px;font-size:12px}.reader-toolbar button{padding:6px 10px;font-size:12px}.reader-toolbar select{font-size:14px;min-width:52px;margin-left:5px}.reader-canvas{padding:10px;min-height:220px}.reader-related{flex-wrap:wrap;gap:20px}.reader-related h2{width:100%}.reader-actions .button{font-size:12px;padding:10px 14px}}