.csb-shell{max-width:1120px;margin:20px auto;padding:clamp(15px,3vw,35px);background:#fffdf8;border:1px solid #e6dfcf;border-radius:18px;color:#332c23}.csb-shell h1{font-family:Georgia,serif;color:#655137;font-size:clamp(29px,4vw,44px)}.csb-shell h2{font-family:Georgia,serif;color:#536946;font-size:25px}.csb-search{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;background:#edf1e7;border-radius:12px}.csb-search label{font-weight:700}.csb-search input{flex:1;min-width:180px;padding:12px;border:1px solid #b9c5af;border-radius:8px}.csb-search button,.csb-actions button,.csb-actions a{background:#596f4b;color:white!important;border:0;border-radius:8px;padding:12px 16px;text-decoration:none;cursor:pointer}.csb-letters{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.csb-letters a{padding:7px 10px;border:1px solid #d3c8b4;border-radius:7px;text-decoration:none;color:#574832}.csb-letters a.active,.csb-letters a:hover{background:#596f4b;color:#fff}.csb-count{color:#665f55}.csb-list{columns:3 240px;column-gap:24px;padding-left:25px}.csb-list li{break-inside:avoid;margin:0 0 7px;padding:0 0 7px;border-bottom:1px solid #f0eadf}.csb-list a{display:inline-flex;gap:8px;color:#405f45;text-decoration:none}.csb-list a:hover{text-decoration:underline}.csb-list a span{opacity:.6}.csb-pagination a{display:inline-block;padding:6px 10px;margin:4px;border:1px solid #ddd;border-radius:5px}.csb-pagination [aria-current=page]{font-weight:bold;background:#e7eddc}.csb-ref{background:#f7f6f0;padding:18px;border-radius:10px;margin:22px 0}.csb-attribution{font-size:13px;color:#666}.csb-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0;padding:16px 0;border-top:1px solid #ddd}@media(max-width:600px){.csb-list{columns:1}.csb-search label{width:100%}}@media print{.csb-actions,.csb-search,.csb-letters{display:none!important}.csb-shell{border:0;padding:0}}
