/* Оформление поиска и читального стола библиотеки ВАМ (2026-10-27; создано ИИ Claude, Anthropic) */
:root{--ink:#2d281d;--mut:#6a5c40;--green:#3c5a28;--green2:#5f7f3d;--sand:#d8c49a;--beige:#f4ecd8;--line:#cdbb91;--mark:#e2d58c;
 --cell:rgba(201,178,128,.42);--cellb:#bca675;--corner:#b39b68;--r:10px;
 --sans:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{background:#e6d6b0}
body{margin:0;color:var(--ink);font:15.5px/1.6 var(--sans);min-height:100vh;
 background-color:#e8d8b3;
 background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.003 0.42' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.33 0 0 0 0 0.17 0 0 0 0.42 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.38 0.004' numOctaves='3' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 0.40 0 0 0 0 0.32 0 0 0 0 0.16 0 0 0 0.26 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.15 0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E")}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 35%,rgba(255,250,232,.5),rgba(150,120,70,0) 55%,rgba(110,85,40,.3) 100%)}
.wrap{position:relative;z-index:1;max-width:1140px;margin:0 auto;padding:28px 16px 60px}
/* шапка: слева снимок (на широком экране), справа заголовок и три строки поиска одной высоты и ширины */
.top{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;margin:0 0 22px;align-items:stretch}
.top.nophoto{grid-template-columns:minmax(0,1fr)}
.top .topph{min-height:0}
.main{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-width:0}
header{margin:0}
header h1{font-size:1.6rem;line-height:1.25;margin:0;color:var(--green);font-weight:600;letter-spacing:-.01em}
.sub{color:var(--mut);font-size:.93rem;margin:6px 0 0}
form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
.fr{height:48px;display:grid;gap:10px;min-width:0}
.f1,.f2{grid-template-columns:minmax(0,1fr) auto}.f3{grid-template-columns:minmax(0,1fr)}
input[type=search],select,.fr input[type=number]{height:48px;width:100%;min-width:0;font:inherit;font-size:.98rem;padding:0 14px;border:1px solid #b9b088;border-radius:var(--r);background:#fbf7ea;color:var(--ink);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus{outline:none;border-color:var(--green2);box-shadow:0 0 0 3px rgba(95,127,61,.22)}
button{height:48px;font:inherit;font-weight:600;padding:0 30px;border:0;border-radius:var(--r);background:var(--green);color:#f8f1dc;cursor:pointer;transition:background .15s}
button:hover{background:#4a6b31}
.seg{display:flex;height:48px;background:#fbf7ea;border:1px solid #b9b088;border-radius:var(--r);padding:4px;gap:4px;min-width:0}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:7px;font-size:.9rem;color:var(--mut);cursor:pointer;white-space:nowrap;padding:0 6px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.seg input:checked+label{background:var(--green2);color:#fbf6e6}
.seg input:focus-visible+label{box-shadow:0 0 0 3px rgba(95,127,61,.3)}
.seg .sh{display:none}
.yr{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--mut)}
.yr i{font-style:normal}
.fr input[type=number]{width:86px;padding:0 10px}
.note{max-width:820px;margin:10px auto;background:#fbf3dc;border:1px solid #e0c98e;border-radius:var(--r);padding:10px 14px;font-size:.92rem}
.meta{text-align:center;color:var(--mut);font-size:.86rem;margin:0 0 16px}
/* строка результата: карточка книги + колонка ячеек альбома, края выровнены */
.row{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;margin-bottom:18px;align-items:stretch}
.row.R{grid-template-columns:290px minmax(0,1fr)}.row.R .book{order:2}
.row.solo{grid-template-columns:minmax(0,1fr)}
.book{background:rgba(251,247,235,.96);border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:4px 4px 0 rgba(95,127,61,.45), 0 2px 10px rgba(90,70,30,.10)}
.book h2{font-size:1.05rem;margin:0 0 4px;line-height:1.35;font-weight:600}.book h2 a{color:var(--green);text-decoration:none}
.book h2 a:hover{text-decoration:underline}
.bm{color:var(--mut);font-size:.83rem;margin-bottom:10px;line-height:1.5}.src{margin-top:3px;font-size:.8rem}.src a{color:var(--green)}.orig{font-style:italic}
.hit{border-top:1px solid #e3d6b4;padding:9px 0 3px;font-size:.93rem}
.hit a.pg{display:inline-block;font-size:.8rem;font-weight:600;color:var(--green);white-space:nowrap;text-decoration:none;margin-left:4px}
.hit a.pg:hover{text-decoration:underline}
mark{background:var(--mark);color:inherit;padding:0 2px;border-radius:3px}
details{font-size:.88rem;margin-top:10px}summary{cursor:pointer;color:var(--green);font-weight:600}
.disc{color:var(--mut);font-size:.78rem;margin-top:8px;line-height:1.45}
.side{display:flex;flex-direction:column;gap:18px}
/* ячейка альбома с «гусиными лапками» */
.cell{margin:0;display:flex;flex-direction:column;background:var(--cell);border:1px solid var(--cellb);border-radius:var(--r);padding:16px 16px 10px;box-shadow:inset 0 1px 3px rgba(90,65,25,.18);flex:1 1 0;min-height:190px}
.ph{position:relative;display:block;flex:1;min-height:120px;margin:4px}
.ph{background:#fff;box-shadow:0 1px 3px rgba(60,40,15,.35)}
.ph img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain;filter:sepia(.18) contrast(1.03) saturate(.9)}
.c{position:absolute;width:24px;height:24px;z-index:2;filter:drop-shadow(0 1px 1px rgba(60,40,15,.35))}
.c.tl{top:-6px;left:-6px;background:linear-gradient(135deg,var(--corner) 0 50%,transparent 50%)}
.c.tr{top:-6px;right:-6px;background:linear-gradient(225deg,var(--corner) 0 50%,transparent 50%)}
.c.bl{bottom:-6px;left:-6px;background:linear-gradient(45deg,var(--corner) 0 50%,transparent 50%)}
.c.br{bottom:-6px;right:-6px;background:linear-gradient(315deg,var(--corner) 0 50%,transparent 50%)}
.cell figcaption{font-size:.74rem;line-height:1.35;color:#5d4f33;text-align:center;margin-top:10px}
.cell figcaption b{display:block;font-weight:600;color:#4a3f28}
.cell figcaption span{color:#7a6948}
/* стартовая страница: страница альбома */
.album{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:18px;grid-auto-flow:dense}
.album .cell{min-height:0}.album .ph{min-height:0}.album .w{grid-column:span 2}.album .t{grid-row:span 2}
@media (max-width:820px){
 .row,.row.R{grid-template-columns:minmax(0,1fr)}.row.R .book{order:0}
 .side{flex-direction:row}.side .cell{height:200px}
 .album{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px;gap:12px}.album .w{grid-column:span 2}
 .top{grid-template-columns:minmax(0,1fr)}.top .topph{display:none}
 header h1{font-size:1.3rem}.seg label{font-size:.86rem;padding:0 4px}button{padding:0 18px}
 .yr span{display:none}.fr input[type=number]{width:62px;padding:0 8px}.f2{gap:8px}}
@media (max-width:520px){.seg label{font-size:.82rem;padding:0 2px}.seg .lg{display:none}.seg .sh{display:inline}}
.pager{display:flex;gap:16px;justify-content:center;align-items:center;margin:22px 0;font-size:.92rem}
.pager a{color:var(--green);font-weight:600;text-decoration:none;padding:6px 14px;border:1px solid #c9bc93;border-radius:var(--r);background:rgba(251,247,234,.75)}
footer{max-width:820px;margin:36px auto 0;color:var(--mut);font-size:.8rem;border-top:1px solid var(--line);padding-top:14px;text-align:center;line-height:1.6}

/* навигация вверху рабочих страниц («← к поиску», «← к читальному столу», «← обслуживание») — крупнее (2026-10-28) */
.desk-top a,.wrap>p:first-child>a[data-same]{font-size:1.12rem!important;font-weight:600}
.desk-top .meta{font-size:.95rem!important}