.ok-filters{display:grid;grid-template-columns:110px 1.3fr 1fr 1.4fr;gap:16px;margin:24px 0 8px}.ok-filters .field{margin:0}.ok-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ok-card{background:#fffefa;border:1px solid var(--line,#dcded6);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.ok-card.is-selected{border:2px solid #17645d;box-shadow:0 0 0 3px #17645d12}.ok-cover{background:#f0f0e9;display:flex;align-items:center;justify-content:center;height:205px;padding:15px}.ok-cover img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 6px 5px #0002)}.ok-card-body{padding:17px;display:flex;flex-direction:column;gap:10px;flex:1}.ok-card h3{font-size:16px;line-height:1.4;margin:0}.ok-card p{margin:0}.ok-card .eyebrow{font-size:11px;letter-spacing:.03em}.ok-card .check-row{margin-top:auto}.ok-card .text-btn{font-size:13px}.ok-card input[type=checkbox]{width:20px;height:20px;accent-color:#17645d}.ok-pagination{display:flex;justify-content:center;gap:18px;padding:26px}.ok-basket{position:sticky;top:12px;z-index:4;background:#f7f6ed;border:1px solid #c6d5c7;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;margin:16px 0}.ok-dialog{width:min(1180px,96vw);max-width:96vw;max-height:92vh;padding:0;border:1px solid #ccd4cc;border-radius:20px;background:#fffef8;box-shadow:0 22px 100px #122b2855}.ok-dialog::backdrop{background:#193e3aa8;backdrop-filter:blur(3px)}.ok-dialog-head,.ok-dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;background:#fffef8;position:sticky;z-index:3}.ok-dialog-head{top:0;border-bottom:1px solid #dcded6}.ok-dialog-foot{bottom:0;border-top:1px solid #dcded6}.ok-dialog h2{font-size:26px;margin:0}.ok-dialog-head p{margin:8px 0 0}.ok-dialog #okulyk-content{padding:0 26px 16px}.ok-dialog-foot #okulyk-selection-count{margin-right:auto}.book-choice{margin:28px 0;padding:22px;background:#f3f5ee;border:1px solid #d3dece;border-radius:14px}.book-choice .section-head{display:block;margin:0}.book-choice h2{font-size:22px;line-height:1.2;margin:0}.book-choice .btn{margin:8px 0 12px}.fragment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fragment-grid .field:last-child{grid-column:1/-1}.fragment-grid .field{margin-bottom:0}.ok-selected{display:flex;gap:14px;background:#fffef8;border-radius:10px;margin:12px 0;padding:12px}.ok-selected .ok-cover{width:75px;height:100px;padding:0;flex-shrink:0;background:transparent}.ok-selected strong{display:block;font-size:14px}.ok-selected small{display:block;margin:5px 0}.ok-selected a,.ok-selected button{display:inline-block;margin:4px 10px 0 0;font-size:13px}.publisher-library{margin:40px 0;border-top:1px solid #ddd;padding-top:24px}.publisher-library>summary{font-weight:700;font-size:20px;cursor:pointer}.conditions>summary{line-height:1.5}.ok-card a:focus-visible,.ok-card input:focus-visible{outline:3px solid #d09338;outline-offset:4px}
@media(max-width:1000px){.ok-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ok-filters{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.ok-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ok-cover{height:170px;padding:10px}.ok-card-body{padding:12px}.ok-card h3{font-size:14px}.ok-dialog-head,.ok-dialog-foot{padding:14px;gap:8px}.ok-dialog h2{font-size:22px}.ok-dialog #okulyk-content{padding:0 12px}.ok-dialog-head .helper{display:none}.ok-dialog-foot{flex-wrap:wrap}.ok-dialog-foot .btn{width:100%}.ok-basket{flex-direction:column;align-items:stretch}.ok-dialog{max-height:95dvh}.fragment-grid{grid-template-columns:1fr}.fragment-grid .field:last-child{grid-column:auto}.book-choice{padding:16px}.ok-filters{gap:10px}.ok-dialog .ok-filters label{font-size:13px}}
@media(max-width:360px){.ok-grid{grid-template-columns:1fr 1fr}.ok-cover{height:130px}.ok-card h3{font-size:12px}.ok-card .eyebrow{font-size:10px}}
.verify-badge{position:relative;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:750;line-height:1.2;cursor:help}.verify-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.verify-badge[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:50;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%) translateY(4px);width:max-content;max-width:min(310px,calc(100vw - 36px));padding:10px 12px;border-radius:9px;background:#183b39;color:#fffefa;font-size:12px;font-weight:500;line-height:1.45;white-space:normal;box-shadow:0 9px 28px #183b3940;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s,transform .14s}.verify-badge[data-tooltip]:hover:after,.verify-badge[data-tooltip]:focus:after,.verify-badge[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.verify-green{color:#17643f;background:#e6f4e9;border:1px solid #b9ddc2}.verify-yellow{color:#7a5710;background:#fff3c9;border:1px solid #ead687}.verify-red{color:#933b32;background:#fde8e5;border:1px solid #efbbb5}.verify-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0;padding:12px 14px;border:1px solid #d7decf;border-radius:12px;background:#fffef8;font-size:13px;color:#52655a}.verify-legend strong{color:#183b39;margin-right:4px}.ok-selected .verify-badge{margin:6px 0}@media(max-width:650px){.verify-legend{align-items:flex-start}.verify-badge{white-space:normal}.verify-badge[data-tooltip]:after{left:0;transform:translateY(4px)}.verify-badge[data-tooltip]:hover:after,.verify-badge[data-tooltip]:focus:after,.verify-badge[data-tooltip]:focus-visible:after{transform:translateY(0)}}

.demo-book-choice{display:flex;gap:18px;align-items:center;margin:16px 0;padding:16px;background:#fffef8;border:2px solid #17645d;border-radius:12px}.demo-book-choice img{width:90px;height:130px;object-fit:contain}.demo-book-choice strong{display:block;margin:10px 0}.demo-book-choice p,.demo-book-choice a{font-size:13px}.demo-fragment{display:flex;flex-wrap:wrap;gap:14px}.demo-fragment span{font-size:12px;color:#65736b}.demo-fragment strong{display:block;font-size:15px;color:#183f39;margin-top:6px}.tour-form{min-height:380px}

.ok-cover-button{display:block;width:100%;padding:0;border:0;background:transparent;border-radius:12px 12px 0 0;cursor:pointer;position:relative}
.ok-cover-button[aria-pressed="true"]::after{content:'✓ Выбран';position:absolute;right:10px;top:10px;padding:5px 9px;border-radius:20px;background:#17645d;color:white;font-size:.8rem}
.ok-cover-button:focus-visible{outline:3px solid #dba94d;outline-offset:-3px}
.ok-cover-button:disabled{cursor:not-allowed;opacity:.7}
.demo-advanced{margin:14px 0;border:1px solid #d9e3dc;border-radius:12px;padding:14px;background:#f7faf7}
.demo-advanced summary{cursor:pointer;font-weight:700}.demo-advanced summary small{display:block;font-weight:400;margin-top:6px}
.demo-defaults{margin:14px 0;padding:12px;background:#f2f6f2;border-radius:10px;font-size:.85rem}
.demo-book-choice{margin-top:12px}.tour-grades{flex-wrap:wrap}.demo-topic .goal-chip{white-space:normal}

.tour-form{height:560px;overflow-y:auto;scroll-behavior:smooth;position:relative}.demo-navigation{padding:10px 0}.demo-navigation h3{font-size:16px}.demo-advanced{background:#fffef8}.demo-notes p{background:#f5f7ef;padding:12px;border-radius:8px}.demo-defaults{background:#eef3e9}@media(max-width:650px){.tour-form{height:470px}}

@media(max-width:650px){#tour-screen,#demo-result{scroll-margin-top:170px}#tour-screen:not([data-step="5"]) .tour-result{display:none}}
@media(max-width:650px){.demo-book-choice{gap:12px;padding:12px;align-items:flex-start}.demo-book-choice img{width:70px;height:100px}.demo-book-choice strong{font-size:16px;margin:6px 0}.demo-book-choice p{font-size:13px;line-height:1.4}.demo-book-choice .tag{font-size:10px}}

/* Status explanations must remain readable outside a book card. */
.ok-card{overflow:visible}
.ok-card .verify-badge[data-tooltip]:after{left:0;transform:translateY(4px)}
.ok-card .verify-badge[data-tooltip]:hover:after,.ok-card .verify-badge[data-tooltip]:focus:after,.ok-card .verify-badge[data-tooltip]:focus-visible:after{transform:translateY(0)}
.ok-card:nth-child(4n) .verify-badge[data-tooltip]:after{left:auto;right:0}
@media(max-width:1000px){.ok-card:nth-child(4n) .verify-badge[data-tooltip]:after{left:0;right:auto}.ok-card:nth-child(3n) .verify-badge[data-tooltip]:after{left:auto;right:0}}
@media(max-width:650px){.ok-card:nth-child(3n) .verify-badge[data-tooltip]:after{left:0;right:auto}.ok-card:nth-child(2n) .verify-badge[data-tooltip]:after{left:auto;right:0}}

/* Opaque library surfaces */
.okulyk-card,.book-card,.library-source,.library-controls,.publisher-library{background:#fffefa}


/* Allow intrinsic control/title widths to shrink inside the modal. */
.ok-filters{grid-template-columns:110px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.4fr)}
.ok-dialog,.ok-dialog-head>div,.ok-dialog-foot>*,.ok-dialog #okulyk-content,.ok-filters>.field,.ok-card-body{min-width:0}
.ok-dialog-head>div{flex:1}.ok-dialog-head>button{flex-shrink:0}
.ok-dialog h2,.ok-card-body,.ok-dialog-foot{overflow-wrap:anywhere}
.ok-filters select,.ok-filters input{max-width:100%}
@media(max-width:1000px){.ok-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}