body{margin:0;background:#f6f5f1;color:#202632;color-scheme:light;font-family:Manrope,Arial,sans-serif}#lt-materials-history-v2{max-width:1180px;margin:auto;box-sizing:border-box}#lt-materials-history-v2 *{box-sizing:border-box}#lt-materials-history-v2 button{cursor:pointer}#lt-materials-history-v2 .real-book{display:grid;grid-template-columns:170px 1fr;gap:30px;text-align:left;padding:24px;border:2px solid var(--lt-ink);background:var(--lt-paper);width:100%;margin-bottom:35px;box-shadow:5px 5px 0 var(--lt-ink)}#lt-materials-history-v2 .real-book img{width:100%;height:auto}#lt-materials-history-v2 .real-book strong{display:block;font:600 clamp(22px,4vw,34px)/1.3 Unbounded,Arial,sans-serif;margin:20px 0}#lt-materials-history-v2 .real-preview{width:100%;height:auto;display:block;max-width:850px;margin:15px auto;border:1px solid var(--lt-line)}#lt-materials-history-v2 .real-thumb{width:100%;height:240px;object-fit:contain;background:white;border-bottom:1px solid var(--lt-ink)}#lt-materials-history-v2 .feature{grid-template-columns:1fr 1fr}#lt-materials-history-v2 .lt-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}#lt-materials-history-v2 .feature-cover{padding:15px}#lt-materials-history-v2 .feature-body .section-title{margin-top:0}#lt-materials-history-v2 .preview{max-width:900px}#lt-materials-history-v2 .preview img{max-height:800px;object-fit:contain}#lt-materials-history-v2 .lt-notice{overflow-wrap:anywhere}@media(max-width:700px){#lt-materials-history-v2 .feature{grid-template-columns:1fr}#lt-materials-history-v2 .real-book{grid-template-columns:110px 1fr;gap:15px;padding:15px}}@media(max-width:450px){#lt-materials-history-v2 .real-book{grid-template-columns:1fr}#lt-materials-history-v2 .real-book img{max-width:160px}#lt-materials-history-v2 .lt-grid{grid-template-columns:1fr}} #lt-materials-history-v2 .toc-tools{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin:20px 0}#lt-materials-history-v2 .toc-tools label{display:grid;gap:7px;flex:1;min-width:190px;font-size:13px}#lt-materials-history-v2 .toc-chapter{margin:22px 0}#lt-materials-history-v2 .toc-chapter summary{font:600 19px/1.5 Unbounded,Arial,sans-serif;padding:16px 0;cursor:pointer;border-bottom:2px solid var(--lt-ink);margin-bottom:10px}#lt-materials-history-v2 .toc-chapter summary small{font:400 13px Manrope,sans-serif;margin-left:8px}#lt-materials-history-v2 .toc-page{margin-left:auto;white-space:nowrap;font-size:12px;color:var(--lt-muted)}#lt-materials-history-v2 .paragraph-row .num{min-width:85px;font-size:19px}#lt-materials-history-v2 .has-materials{background:var(--lt-sage);border-width:2px}#lt-materials-history-v2 .toc-extra{padding:14px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--lt-line);font-size:14px}#lt-materials-history-v2 .pager{margin:30px 0;align-items:stretch}#lt-materials-history-v2 .pager button{max-width:48%;text-align:left;line-height:1.5}#lt-materials-history-v2 .lt-empty p{margin:16px 0 24px}@media(max-width:500px){#lt-materials-history-v2 .paragraph-row{gap:10px;padding:14px 10px;flex-wrap:wrap}#lt-materials-history-v2 .paragraph-row .num{min-width:60px}#lt-materials-history-v2 .paragraph-row>span:nth-child(2){flex:1;min-width:150px}#lt-materials-history-v2 .toc-chapter summary{font-size:16px}#lt-materials-history-v2 .pager{flex-direction:column}#lt-materials-history-v2 .pager button{max-width:100%}} #lt-materials-history-v2 .cover-open{padding:0;border:0;background:transparent;width:100%;text-align:left}#lt-materials-history-v2 .kit-collage{position:relative;width:100%;aspect-ratio:1;background:linear-gradient(130deg,#f5f4ee 12%,#e7e3f9 52%,#cddcfa);overflow:hidden;border-radius:12px}#lt-materials-history-v2 .kit-collage img{position:absolute;object-fit:contain;background:#fff;border:1px solid #ddd9cd;box-shadow:0 8px 22px #1a243526;border-radius:7px}#lt-materials-history-v2 .kit-collage .sheet-back{width:44%;height:62%;left:8%;top:8%;transform:rotate(-7deg)}#lt-materials-history-v2 .kit-collage .sheet-middle{width:43%;height:61%;right:9%;top:14%;transform:rotate(6deg)}#lt-materials-history-v2 .kit-collage .sheet-front{width:82%;height:auto;left:9%;bottom:13%;transform:rotate(-2deg)}#lt-materials-history-v2 .collage-label{position:absolute;left:7%;bottom:4%;font-size:11px;font-weight:800;letter-spacing:1px;color:#233047}#lt-materials-history-v2 .feature-cover{justify-content:center;gap:15px}#lt-materials-history-v2 .preview-gallery{margin:28px 0;border:1px solid var(--lt-ink);padding:20px;background:var(--lt-paper)}#lt-materials-history-v2 .gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:15px}#lt-materials-history-v2 .gallery-heading h2{margin:0}#lt-materials-history-v2 .gallery-heading>span{font-size:12px;color:var(--lt-muted)}#lt-materials-history-v2 .gallery-layout{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:20px}#lt-materials-history-v2 .gallery-main{display:block;position:relative;width:100%;padding:0;border:0;background:#f4f4f1;cursor:zoom-in}#lt-materials-history-v2 .gallery-page{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:16px;background:#f1f2f3;border-radius:10px;overflow:hidden}#lt-materials-history-v2 .gallery-page img{width:100%;height:100%;object-fit:contain}#lt-materials-history-v2 .zoom-hint{position:absolute;right:12px;bottom:12px;background:white;padding:8px 12px;border:1px solid #aaa;font-size:12px;box-shadow:2px 2px 0 #202632}#lt-materials-history-v2 .gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:13px}#lt-materials-history-v2 .gallery-thumbs{display:flex;flex-direction:column;gap:12px;max-height:650px;overflow:auto;padding:3px 6px 3px 3px}#lt-materials-history-v2 .gallery-thumbs button{padding:5px;border:2px solid transparent;background:#f5f5f3;text-align:left}#lt-materials-history-v2 .gallery-thumbs button[aria-pressed=true]{border-color:#3151ed;box-shadow:2px 2px 0 #202632}#lt-materials-history-v2 .gallery-thumbs button>span{display:block;font-size:11px;margin:5px 2px}#lt-materials-history-v2 .gallery-thumbs .collage-label{display:none}#lt-materials-history-v2 .gallery-thumbs .gallery-page{padding:4px}#lt-materials-history-v2 #preview-dialog{width:min(1100px,95vw);max-height:94vh;padding:20px;border:2px solid #202632;background:#fff;color:#202632}#lt-materials-history-v2 #preview-dialog::backdrop{background:#152035bc}#lt-materials-history-v2 .dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}#lt-materials-history-v2 .dialog-image{max-width:76vh;margin:auto}#lt-materials-history-v2 .dialog-image .gallery-page{max-height:70vh}#lt-materials-history-v2 .dialog-image .kit-collage{max-height:70vh} @media(max-width:600px){#lt-materials-history-v2 .preview-gallery{padding:10px}#lt-materials-history-v2 .gallery-layout{grid-template-columns:1fr}#lt-materials-history-v2 .gallery-thumbs{flex-direction:row;max-height:none;overflow:auto;padding-bottom:8px}#lt-materials-history-v2 .gallery-thumbs button{flex:0 0 100px}#lt-materials-history-v2 .gallery-controls>span{font-size:11px}#lt-materials-history-v2 #preview-dialog{padding:10px}} /* Material cards: real page compositions with a shared visual rhythm. */ #lt-materials-history-v2 .material-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 36px} #lt-materials-history-v2 .material-card{min-width:0;background:#fff;border:1px solid #e8e7e3;border-radius:20px;overflow:hidden;box-shadow:0 5px 18px #29344a06;transition:transform 160ms var(--ease-out)} @media(hover:hover) and (pointer:fine){#lt-materials-history-v2 .material-card:hover{transform:translateY(-2px)}} #lt-materials-history-v2 .material-card-link{display:block;width:100%;height:100%;padding:10px;text-align:left;border:0;background:transparent;border-radius:20px;font-family:Manrope,Arial,sans-serif} #lt-materials-history-v2 .material-card-link:focus-visible{outline:3px solid #344ef0;outline-offset:-3px} #lt-materials-history-v2 .material-art{display:block;position:relative;aspect-ratio:1.12;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#f5f0e7,#e7e6f7)} #lt-materials-history-v2 .material-art .kit-collage{height:100%;aspect-ratio:auto;border-radius:0;background:radial-gradient(ellipse at 20% 15%,#f8f3e9,transparent 75%),linear-gradient(135deg,#ebe7f8,#dbe5f6)} #lt-materials-history-v2 .material-art .collage-label{display:none} #lt-materials-history-v2 .material-art .sheet-front{bottom:12%;width:86%;left:7%} #lt-materials-history-v2 .material-art .sheet-back{top:9%;height:68%;width:43%;left:10%} #lt-materials-history-v2 .material-art .sheet-middle{top:14%;height:66%;width:42%;right:11%} #lt-materials-history-v2 .art-sheet{background:radial-gradient(ellipse at 15% 10%,#f5f5e9,transparent 80%),linear-gradient(135deg,#e4eee4,#dbe9e5)} #lt-materials-history-v2 .art-cross{background:radial-gradient(ellipse at 15% 10%,#fff6e5,transparent 80%),linear-gradient(135deg,#f1e7d8,#e7e0f2)} #lt-materials-history-v2 .paper-preview,#lt-materials-history-v2 .paper-under{position:absolute;display:block;height:82%;width:auto;max-width:75%;top:9%;left:50%;transform:translateX(-50%) rotate(-5deg);border-radius:3px;box-shadow:0 12px 22px #24312b26;object-fit:contain} #lt-materials-history-v2 .paper-under{width:52%;background:#fffefa;transform:translateX(-43%) rotate(6deg);box-shadow:0 5px 15px #24312b12} #lt-materials-history-v2 .art-cross .paper-preview{transform:translateX(-50%) rotate(4deg)} #lt-materials-history-v2 .art-cross .paper-under{transform:translateX(-56%) rotate(-6deg)} #lt-materials-history-v2 .art-action{position:absolute;bottom:14px;left:50%;transform:translate(-50%,6px);white-space:nowrap;padding:10px 16px;border-radius:24px;background:#ffffffed;color:#334adc;font-size:12px;font-weight:700;box-shadow:0 5px 18px #2636571a;opacity:0;transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out)} #lt-materials-history-v2 .material-card-link:hover .art-action,#lt-materials-history-v2 .material-card-link:focus-visible .art-action{opacity:1;transform:translate(-50%,0)} #lt-materials-history-v2 .material-copy{display:block;padding:20px 12px 10px} #lt-materials-history-v2 .material-kind{display:inline-block;padding:5px 10px;border-radius:7px;background:#f0f2fd;color:#4455a5;font-size:11px;font-weight:700;line-height:1.4} #lt-materials-history-v2 .material-title{display:block;margin-top:12px;font-size:21px;font-weight:800;letter-spacing:-.6px;line-height:1.3} #lt-materials-history-v2 .material-context{display:block;margin-top:7px;color:#81848c;font-size:12px} #lt-materials-history-v2 .material-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:22px;padding-top:14px;border-top:1px solid #f0f0ef;color:#666d78;font-size:12px} #lt-materials-history-v2 .material-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f0f2ff;color:#3852e9;font-size:18px} #lt-materials-history-v2 .material-match{display:block;font-size:11px;color:#6c7280;margin-top:10px} @media(max-width:800px){#lt-materials-history-v2 .material-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}} @media(max-width:500px){#lt-materials-history-v2 .material-cards{grid-template-columns:1fr}#lt-materials-history-v2 .art-action{opacity:1;transform:translate(-50%,0)}} @media(prefers-reduced-motion:reduce){#lt-materials-history-v2 .material-card,#lt-materials-history-v2 .art-action{transition:none}} /* Soft styling shared by the kit page, gallery and enlarged preview. */ #lt-materials-history-v2 .material-detail{font-family:Manrope,Arial,sans-serif} #lt-materials-history-v2 .material-detail .page-title{font:800 clamp(28px,4vw,42px)/1.2 Manrope,Arial,sans-serif;text-transform:none;letter-spacing:-1.2px;max-width:850px;margin:12px 0 16px} #lt-materials-history-v2 .material-detail>.lt-eyebrow{display:inline-block;padding:6px 11px;border-radius:8px;background:#eef0fc;color:#5868ac;letter-spacing:.5px;font-size:10px} #lt-materials-history-v2 .material-detail>.lt-quiet{display:block;font-size:12px;color:#848995} #lt-materials-history-v2 .material-detail>p:not(.lt-eyebrow){max-width:760px;color:#7c828c;line-height:1.8;font-size:14px} #lt-materials-history-v2 .material-detail .section-title{font:800 23px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.5px} #lt-materials-history-v2 .preview-gallery{margin:28px 0 36px;padding:24px;border:1px solid #e8e7e3;border-radius:22px;background:#fff;box-shadow:0 5px 18px #29344a06} #lt-materials-history-v2 .gallery-heading h2{font:800 21px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.5px} #lt-materials-history-v2 .gallery-heading>span{font-size:12px;color:#9296a0} #lt-materials-history-v2 .gallery-layout{grid-template-columns:minmax(0,1fr) 140px;gap:22px;max-width:900px;margin:auto} #lt-materials-history-v2 .gallery-main{border-radius:16px;overflow:hidden;background:#f2f2f7} #lt-materials-history-v2 .kit-collage{background:radial-gradient(ellipse at 20% 15%,#f8f3e9,transparent 75%),linear-gradient(135deg,#ebe7f8,#dbe5f6);border-radius:16px} #lt-materials-history-v2 .collage-label{display:none} #lt-materials-history-v2 .gallery-page{background:linear-gradient(145deg,#f5f2eb,#e9eaf3);padding:24px;border-radius:14px} #lt-materials-history-v2 .gallery-page img{filter:drop-shadow(0 7px 9px #28334820)} #lt-materials-history-v2 .zoom-hint{border:0;border-radius:20px;box-shadow:0 3px 12px #26365716;color:#4455a5;font-weight:600;padding:10px 15px;right:16px;bottom:16px} #lt-materials-history-v2 .gallery-thumbs{gap:12px;padding:2px 5px;max-height:620px;scrollbar-width:thin;scrollbar-color:#d4d7e4 transparent} #lt-materials-history-v2 .gallery-thumbs button{border-radius:12px;background:#f7f7fa;padding:5px} #lt-materials-history-v2 .gallery-thumbs button[aria-pressed=true]{box-shadow:none;border-color:#6677ed;background:#eef0ff} #lt-materials-history-v2 .gallery-thumbs button>span{font:500 11px/1.4 Manrope,Arial,sans-serif;color:#6c7280;margin:7px 3px} #lt-materials-history-v2 .gallery-controls{font:500 12px/1.5 Manrope,Arial,sans-serif;color:#757b86;margin-top:16px} #lt-materials-history-v2 .gallery-controls .lt-button{border:0;border-radius:50%;width:38px;height:38px;padding:0;background:#eef0fd;color:#445ce0;box-shadow:none;font-size:18px} #lt-materials-history-v2 .material-detail .file-row{padding:18px 22px;border:1px solid #eaeaf0;border-radius:14px;margin:10px 0;background:#fff;font-size:14px;gap:20px} #lt-materials-history-v2 .material-detail .file-row small{font-size:11px;color:#9397a0;margin-top:6px} #lt-materials-history-v2 .material-detail .file-row .lt-button{border:0;border-radius:10px;background:#f0f2fd;color:#5263b8;box-shadow:none;font-size:12px;padding:10px 15px} #lt-materials-history-v2 .material-detail>div:last-child{background:#eeeff9;border-radius:18px;padding:24px;display:flex;align-items:center;gap:24px;justify-content:space-between} #lt-materials-history-v2 .material-detail>div:last-child>.lt-primary{border:0;border-radius:12px;box-shadow:none;padding:14px 22px;font-size:14px;background:#4055e8;color:#fff;flex-shrink:0} #lt-materials-history-v2 .material-detail>div:last-child>.lt-note{font-size:12px;color:#737a90;max-width:390px;margin:0;line-height:1.7} #lt-materials-history-v2 #preview-dialog{border:1px solid #e8e7e3;border-radius:22px;padding:22px;box-shadow:0 24px 90px #131b443d;background:#fdfdfd} #lt-materials-history-v2 #preview-dialog::backdrop{background:#222b48ad;backdrop-filter:blur(5px)} #lt-materials-history-v2 .dialog-toolbar{font:600 14px Manrope,Arial,sans-serif;color:#596170;margin-bottom:18px} #lt-materials-history-v2 .dialog-toolbar .lt-button{border:0;box-shadow:none;border-radius:20px;background:#f0f1f7;font-size:12px} #lt-materials-history-v2 section.feature{border:1px solid #e8e7e3;border-radius:22px;box-shadow:0 5px 18px #29344a06;overflow:hidden;gap:12px} #lt-materials-history-v2 .feature .feature-cover{background:#fff;padding:18px;justify-content:center;gap:18px} #lt-materials-history-v2 .feature-cover>span{font:500 12px Manrope,Arial,sans-serif;color:#81848c;padding:0 10px} #lt-materials-history-v2 .feature .feature-body{padding:28px 24px} #lt-materials-history-v2 .feature-body .section-title{font:800 27px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.8px} #lt-materials-history-v2 .feature-body .lt-primary{border:0;border-radius:12px;box-shadow:none;font-size:14px;padding:13px 20px} #lt-materials-history-v2 .material-detail .preview{border:1px solid #e8e7e3;border-radius:18px;background:#fff} @media(max-width:600px){#lt-materials-history-v2 .preview-gallery{padding:14px}#lt-materials-history-v2 .gallery-layout{grid-template-columns:1fr;gap:12px}#lt-materials-history-v2 .gallery-thumbs{max-height:none}#lt-materials-history-v2 .material-detail>div:last-child{flex-direction:column;align-items:stretch;gap:14px}#lt-materials-history-v2 .material-detail .file-row{padding:16px}#lt-materials-history-v2 #preview-dialog{padding:14px}} /* Keep preview and its controls within a comfortable viewport height. */ #lt-materials-history-v2 .preview-gallery{--preview-height:min(430px,52svh);padding:20px;max-width:940px;margin:24px auto 32px} #lt-materials-history-v2 .preview-gallery .gallery-layout{grid-template-columns:minmax(0,1fr) 112px;gap:16px;max-width:none} #lt-materials-history-v2 .preview-gallery .gallery-main{height:var(--preview-height);display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f5f2eb,#e9eaf3)} #lt-materials-history-v2 .preview-gallery .gallery-main>.gallery-page{width:100%;height:100%;aspect-ratio:auto;padding:14px} #lt-materials-history-v2 .preview-gallery .gallery-main>.kit-collage{width:auto;height:100%;aspect-ratio:1;max-width:100%} #lt-materials-history-v2 .preview-gallery .gallery-thumbs{height:calc(var(--preview-height) + 54px);max-height:none} #lt-materials-history-v2 .preview-gallery .gallery-thumbs button{flex-shrink:0} #lt-materials-history-v2 .preview-gallery .gallery-controls{margin-top:12px} #lt-materials-history-v2 #preview-dialog{max-height:90svh;width:min(1000px,94vw);overflow:auto} #lt-materials-history-v2 #preview-dialog .dialog-image{max-width:100%;height:65svh;display:flex;justify-content:center;align-items:center} #lt-materials-history-v2 #preview-dialog .dialog-image>.gallery-page{width:100%;height:100%;max-height:none;aspect-ratio:auto;padding:12px} #lt-materials-history-v2 #preview-dialog .dialog-image>.kit-collage{height:100%;width:auto;aspect-ratio:1;max-height:none;max-width:100%} @media(max-width:600px){#lt-materials-history-v2 .preview-gallery{--preview-height:min(330px,42svh);padding:12px}#lt-materials-history-v2 .preview-gallery .gallery-layout{grid-template-columns:1fr}#lt-materials-history-v2 .preview-gallery .gallery-thumbs{height:110px;max-height:110px;gap:8px}#lt-materials-history-v2 .preview-gallery .gallery-thumbs button{flex:0 0 76px}#lt-materials-history-v2 .preview-gallery .gallery-thumbs button>span{font-size:9px;margin:3px 0}#lt-materials-history-v2 .preview-gallery .gallery-heading{gap:4px;margin-bottom:10px}#lt-materials-history-v2 .preview-gallery .gallery-heading h2{font-size:18px}#lt-materials-history-v2 .preview-gallery .gallery-heading>span{font-size:10px}} /* Interaction polish: frequent actions stay immediate; press confirms input. */ #lt-materials-history-v2{--ease-out:cubic-bezier(0.23,1,0.32,1);--motion-press:160ms} #lt-materials-history-v2 .material-detail>p:not(.lt-eyebrow),#lt-materials-history-v2 .gallery-heading>span,#lt-materials-history-v2 .gallery-controls,#lt-materials-history-v2 .material-detail .file-row small,#lt-materials-history-v2 .material-context{color:#626b79} #lt-materials-history-v2 .gallery-thumbs button>span{font-size:12px;color:#596475} #lt-materials-history-v2 .gallery-controls .lt-button{width:44px;height:44px;flex-shrink:0} #lt-materials-history-v2 .gallery-controls button,#lt-materials-history-v2 .dialog-toolbar button,#lt-materials-history-v2 .material-detail [data-download]{transition:transform var(--motion-press) var(--ease-out)} #lt-materials-history-v2 .gallery-controls button:active:not(:focus-visible),#lt-materials-history-v2 .dialog-toolbar button:active:not(:focus-visible),#lt-materials-history-v2 .material-detail [data-download]:active:not(:focus-visible){transform:scale(.97)} #lt-materials-history-v2 button:focus-visible{outline:3px solid #4055e8;outline-offset:3px} #lt-materials-history-v2 ::selection{background:#dfe5ff;color:#202632} #lt-materials-history-v2 .gallery-controls>span{font-variant-numeric:tabular-nums} @media(hover:none),(pointer:coarse){#lt-materials-history-v2 .material-card-link:hover .art-action{transform:translate(-50%,0);opacity:1}#lt-materials-history-v2 .material-card{transition:none}} @media(prefers-reduced-motion:reduce){#lt-materials-history-v2 .material-card:hover,#lt-materials-history-v2 .gallery-controls button:active,#lt-materials-history-v2 .dialog-toolbar button:active,#lt-materials-history-v2 .material-detail [data-download]:active{transform:none}#lt-materials-history-v2 .art-action{transition:opacity 160ms ease}} #lt-materials-history-v2 .detail-screen{display:grid;grid-template-columns:205px minmax(0,1fr);gap:30px;align-items:start} #lt-materials-history-v2 .detail-column{min-width:0} #lt-materials-history-v2 .detail-nav{position:sticky;top:20px;font-family:Manrope,Arial,sans-serif;padding:18px 0} #lt-materials-history-v2 .detail-nav summary{font-size:14px;font-weight:800;list-style:none;margin-bottom:20px;cursor:pointer} #lt-materials-history-v2 .detail-nav summary::-webkit-details-marker{display:none} #lt-materials-history-v2 .side-group{display:grid;gap:5px;margin:12px 0 24px} #lt-materials-history-v2 .side-link,#lt-materials-history-v2 .side-paragraph{width:100%;text-align:left;border:0;border-radius:9px;padding:11px 12px;background:transparent;font:500 13px/1.5 Manrope,Arial,sans-serif;color:#5d6676} #lt-materials-history-v2 .side-link:hover{background:#eeedf2} #lt-materials-history-v2 .side-link[aria-current=page]{background:#e7ebfd;color:#344bb9;font-weight:700} #lt-materials-history-v2 .side-context{font-size:13px;font-weight:700;padding:0 12px;color:#303a4b} #lt-materials-history-v2 .side-context span{display:block;font-size:11px;font-weight:400;margin-top:6px;color:#687284;line-height:1.6} #lt-materials-history-v2 .side-paragraph{font-weight:700;color:#303a4b;margin-top:12px} #lt-materials-history-v2 .related-materials{margin-top:42px;font-family:Manrope,Arial,sans-serif} #lt-materials-history-v2 .related-materials h2{font-size:25px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px} #lt-materials-history-v2 .related-materials>p{font-size:13px;color:#626b79;line-height:1.7} #lt-materials-history-v2 .related-materials .material-cards{grid-template-columns:repeat(2,minmax(0,1fr))} #lt-materials-history-v2 .detail-column .preview-gallery{margin-left:0;margin-right:0} #lt-materials-history-v2 .detail-column .page-title{font-size:clamp(27px,3vw,37px);letter-spacing:-.8px} @media(max-width:850px){#lt-materials-history-v2 .detail-screen{grid-template-columns:1fr;gap:14px}#lt-materials-history-v2 .detail-nav{position:static;padding:14px 16px;background:#fff;border-radius:12px}#lt-materials-history-v2 .detail-nav summary{margin:0}#lt-materials-history-v2 .detail-nav summary::after{content:' +';float:right;color:#4055e8}#lt-materials-history-v2 .detail-nav[open] summary{margin-bottom:15px}#lt-materials-history-v2 .detail-nav[open] summary::after{content:' −'}} @media(max-width:500px){#lt-materials-history-v2 .related-materials .material-cards{grid-template-columns:1fr}} /* Shared navigation and textbook contents, aligned with material cards. */ #lt-materials-history-v2.refined-ui{font-family:Manrope,Arial,sans-serif} #lt-materials-history-v2.refined-ui .lt-top{padding:24px 0 18px;border:0;background:transparent;gap:20px} #lt-materials-history-v2.refined-ui .lt-brand{font:800 15px/1.35 Manrope,Arial,sans-serif;letter-spacing:-.3px;color:#293247} #lt-materials-history-v2.refined-ui .lt-limit{border:0;box-shadow:none;border-radius:10px;background:#e9edfb;color:#46558d;padding:10px 14px;font-size:12px;line-height:1.6} #lt-materials-history-v2.refined-ui .demo-bar{background:#efefed;border:0;border-radius:12px;padding:10px 14px;color:#626b79;font-size:11px;gap:12px} #lt-materials-history-v2.refined-ui .demo-bar label{display:flex;align-items:center;gap:8px} #lt-materials-history-v2.refined-ui .demo-bar select{border:1px solid #dadde4;border-radius:8px;padding:7px 9px;background:#fff;font-size:11px} #lt-materials-history-v2.refined-ui .demo-bar .lt-quiet{color:#5a6682;font-size:11px} #lt-materials-history-v2.refined-ui .main-nav{padding:22px 0 28px;gap:8px} #lt-materials-history-v2.refined-ui .main-nav button{border:0;box-shadow:none;border-radius:12px;padding:12px 18px;background:#fff;color:#596475;font:700 13px/1.5 Manrope,Arial,sans-serif;min-height:44px} #lt-materials-history-v2.refined-ui .main-nav button[aria-pressed=true]{background:#4055e8;color:#fff;box-shadow:none} #lt-materials-history-v2.refined-ui .main-nav button:not([aria-pressed=true]):hover{background:#e9ecf7;color:#344bb9} #lt-materials-history-v2.refined-ui .lt-footer{border-top:1px solid #e2e4e9;color:#687284;font:400 11px/1.7 Manrope,Arial,sans-serif;padding:22px 0;margin-top:30px} #lt-materials-history-v2.refined-ui .contents-screen .crumbs{color:#687284;margin-bottom:22px} #lt-materials-history-v2.refined-ui .contents-screen .crumbs button{text-decoration:none;color:#5263a1} #lt-materials-history-v2.refined-ui .toc-book-heading{display:flex;align-items:center;gap:24px;padding:24px;background:#fff;border-radius:20px;margin-bottom:24px} #lt-materials-history-v2.refined-ui .toc-book-heading img{width:78px;height:110px;object-fit:contain;border-radius:3px;flex-shrink:0} #lt-materials-history-v2.refined-ui .toc-book-heading .page-title{font:800 clamp(25px,3vw,34px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.8px;text-transform:none;margin:0 0 12px} #lt-materials-history-v2.refined-ui .toc-book-heading .lead{font-size:15px;color:#424d60;margin:0 0 7px} #lt-materials-history-v2.refined-ui .toc-authors{font-size:12px;color:#687284} #lt-materials-history-v2.refined-ui .toc-tools{gap:16px;margin:22px 0 16px} #lt-materials-history-v2.refined-ui .toc-tools label{font-size:12px;color:#5e6879;gap:8px} #lt-materials-history-v2.refined-ui .toc-tools input{border:1px solid #dce0e9;border-radius:11px;padding:13px 15px;background:#fff;font-size:14px;min-height:46px} #lt-materials-history-v2.refined-ui .toc-tools .lt-primary{border:0;box-shadow:none;border-radius:11px;background:#4055e8;color:#fff;font-size:13px;min-height:46px;padding:12px 18px} #lt-materials-history-v2.refined-ui .contents-screen>.lt-note{font-size:11px;color:#687284;line-height:1.7} #lt-materials-history-v2.refined-ui .toc-extra{border:0;padding:16px 4px;margin:10px 0;color:#687284;font-size:13px} #lt-materials-history-v2.refined-ui #toc-results>.lt-meta{font-size:12px;color:#687284;margin-top:18px} #lt-materials-history-v2.refined-ui .toc-chapter{background:#fff;border-radius:18px;margin:18px 0;padding:8px 18px 12px} #lt-materials-history-v2.refined-ui .toc-chapter summary{display:flex;align-items:center;gap:12px;list-style:none;border:0;font:800 18px/1.5 Manrope,Arial,sans-serif;padding:16px 4px;margin:0;letter-spacing:-.2px} #lt-materials-history-v2.refined-ui .toc-chapter summary::-webkit-details-marker{display:none} #lt-materials-history-v2.refined-ui .toc-chapter summary::after{content:'+';margin-left:auto;font:400 22px Manrope,Arial,sans-serif;color:#687284} #lt-materials-history-v2.refined-ui .toc-chapter[open] summary::after{content:'−'} #lt-materials-history-v2.refined-ui .toc-chapter summary small{font:500 12px Manrope,Arial,sans-serif;color:#687284;margin:0} #lt-materials-history-v2.refined-ui .toc-chapter summary:focus-visible{outline:3px solid #4055e8;outline-offset:2px;border-radius:8px} #lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row{border:0;border-radius:11px;padding:16px 12px;margin:3px 0;gap:16px;background:transparent;box-shadow:none} #lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row:hover{background:#f3f4f8} #lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row .num{font:700 16px/1.4 Manrope,Arial,sans-serif;color:#687284;min-width:64px;flex-shrink:0} #lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row>span:nth-child(2){flex:1;min-width:0} #lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row strong{font:600 14px/1.5 Manrope,Arial,sans-serif;color:#303b4d} #lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row small{font-size:11px;line-height:1.6;color:#727b88;margin-top:4px} #lt-materials-history-v2.refined-ui .toc-chapter .has-materials{background:#eef1ff} #lt-materials-history-v2.refined-ui .toc-chapter .has-materials:hover{background:#e4eaff} #lt-materials-history-v2.refined-ui .toc-chapter .has-materials .num,#lt-materials-history-v2.refined-ui .toc-chapter .has-materials small{color:#4055b3} #lt-materials-history-v2.refined-ui .toc-page{font-size:11px;color:#687284;min-width:40px;text-align:right} @media(max-width:600px){#lt-materials-history-v2.refined-ui .toc-book-heading{gap:14px;padding:18px}#lt-materials-history-v2.refined-ui .toc-book-heading img{width:56px;height:80px}#lt-materials-history-v2.refined-ui .toc-book-heading .page-title{font-size:24px}#lt-materials-history-v2.refined-ui .toc-book-heading .lead{font-size:13px}#lt-materials-history-v2.refined-ui .lt-top{flex-wrap:wrap}#lt-materials-history-v2.refined-ui .main-nav button{padding:12px;font-size:12px}#lt-materials-history-v2.refined-ui .toc-chapter{padding:6px 10px}#lt-materials-history-v2.refined-ui .toc-chapter summary{font-size:16px}#lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row{gap:10px;padding:14px 6px;flex-wrap:nowrap}#lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row .num{min-width:48px;font-size:14px}#lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row strong{font-size:13px}} /* Balanced compact kit introduction on the paragraph page. */ #lt-materials-history-v2.refined-ui section.feature{grid-template-columns:minmax(240px,.85fr) minmax(0,1.25fr);align-items:center;gap:32px;padding:24px;margin:22px 0 32px;border:0;box-shadow:none} #lt-materials-history-v2.refined-ui .feature .feature-cover{padding:0;display:block;background:transparent;min-height:0} #lt-materials-history-v2.refined-ui .feature .cover-open{display:block;max-width:370px;margin:auto;border-radius:16px;overflow:hidden} #lt-materials-history-v2.refined-ui .feature .feature-body{padding:4px 8px 4px 0;min-width:0} #lt-materials-history-v2.refined-ui .feature .section-title{font:800 clamp(22px,2.5vw,28px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.6px;margin:0 0 18px} #lt-materials-history-v2.refined-ui .feature .kit-components{list-style:none;padding:0;margin:0;display:grid;gap:11px} #lt-materials-history-v2.refined-ui .feature .kit-components li{display:flex;justify-content:space-between;gap:20px;font:500 14px/1.5 Manrope,Arial,sans-serif;color:#303b4d} #lt-materials-history-v2.refined-ui .feature .kit-components small{font:400 12px/1.6 Manrope,Arial,sans-serif;color:#626b79;text-align:right;max-width:52%} #lt-materials-history-v2.refined-ui .feature .kit-format-note{font-size:12px;color:#626b79;margin:20px 0 16px} #lt-materials-history-v2.refined-ui .feature .kit-feature-action{display:flex;align-items:center;gap:16px;flex-wrap:wrap} #lt-materials-history-v2.refined-ui .feature .kit-feature-action>span{font-size:11px;color:#626b79} #lt-materials-history-v2.refined-ui .feature .lt-primary{background:#4055e8;padding:12px 17px;font-size:13px} @media(max-width:700px){#lt-materials-history-v2.refined-ui section.feature{grid-template-columns:1fr;padding:18px;gap:24px}#lt-materials-history-v2.refined-ui .feature .cover-open{max-width:280px}#lt-materials-history-v2.refined-ui .feature .feature-body{padding:0}#lt-materials-history-v2.refined-ui .feature .kit-components li{font-size:13px;gap:10px}} #lt-materials-history-v2 .single-preview .gallery-layout{grid-template-columns:1fr} #lt-materials-history-v2 .single-preview .gallery-thumbs,#lt-materials-history-v2 .single-preview .gallery-controls{display:none} /* Round the actual page edges, not the surrounding object-fit box. */ #lt-materials-history-v2 .gallery-page img{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:10px;object-fit:contain} #lt-materials-history-v2 .extra-collage{position:relative;aspect-ratio:1;width:100%;height:100%;max-width:560px;margin:auto;overflow:hidden;background:linear-gradient(135deg,#f4efe7,#e6e6f1);border-radius:14px} #lt-materials-history-v2 .extra-collage img{position:absolute;height:78%;width:auto;max-width:60%;object-fit:contain;border-radius:8px;box-shadow:0 9px 20px #25334525} #lt-materials-history-v2 .extra-collage .answer-paper{right:12%;top:10%;transform:rotate(7deg)} #lt-materials-history-v2 .extra-collage .task-paper{left:12%;top:13%;transform:rotate(-7deg)} #lt-materials-history-v2 .gallery-thumbs .extra-collage{height:auto;aspect-ratio:1} #lt-materials-history-v2 .gallery-thumbs .extra-collage img{border-radius:3px} #lt-materials-history-v2 #preview-dialog .dialog-image>.extra-collage{height:100%;width:auto;aspect-ratio:1;max-width:100%} /* Match the catalog cover: a single tilted page with a quiet paper backing. */ #lt-materials-history-v2 .extra-collage.extra-cross{background:radial-gradient(ellipse at 15% 10%,#fff6e5,transparent 80%),linear-gradient(135deg,#f1e7d8,#e7e0f2)} #lt-materials-history-v2 .extra-collage.extra-sheet{background:radial-gradient(ellipse at 15% 10%,#f5f5e9,transparent 80%),linear-gradient(135deg,#e4eee4,#dbe9e5)} #lt-materials-history-v2 .extra-collage .answer-paper{position:absolute;display:block;height:78%;aspect-ratio:210/297;width:auto;max-width:60%;left:50%;right:auto;top:11%;background:#fffefa;border-radius:6px;transform:translateX(-50%) rotate(-6deg);box-shadow:0 5px 15px #24312b12} #lt-materials-history-v2 .extra-collage .task-paper{left:50%;top:11%;transform:translateX(-50%) rotate(4deg)} #lt-materials-history-v2 .extra-sheet .answer-paper{transform:translateX(-50%) rotate(6deg)} #lt-materials-history-v2 .extra-sheet .task-paper{transform:translateX(-50%) rotate(-5deg)} #lt-materials-history-v2 .access-panel{margin:20px 0;padding:18px 20px;background:#eaf0f9;border-radius:14px;font:400 13px/1.7 Manrope,Arial,sans-serif;color:#465775} #lt-materials-history-v2 .access-panel strong{font-size:15px;color:#293b5a} #lt-materials-history-v2 .access-panel p{margin-top:6px;max-width:75ch} #lt-materials-history-v2 .access-empty{background:#f5eddf;color:#725b36} #lt-materials-history-v2 .access-empty strong{color:#654c26} #lt-materials-history-v2 button:disabled{cursor:not-allowed;opacity:.55} #lt-materials-history-v2 #demo-login{width:min(460px,92vw);padding:26px;border:0;border-radius:18px;color:#303b4d} #lt-materials-history-v2 #demo-login::backdrop{background:#20283a80} #lt-materials-history-v2 #demo-login h2{font:800 23px/1.3 Manrope,Arial,sans-serif} #lt-materials-history-v2 #demo-login p{margin:16px 0;font:400 14px/1.7 Manrope,Arial,sans-serif} #lt-materials-history-v2 #demo-login>div{display:flex;gap:10px;flex-wrap:wrap} #lt-materials-history-v2 #demo-login button{border-radius:10px;box-shadow:none;font-size:13px} #lt-materials-history-v2 .local-admin-link{display:block;text-align:right;font:500 11px/1.6 Manrope,Arial,sans-serif;color:#626b79;margin:12px 0 0;text-underline-offset:3px} #lt-materials-history-v2 .material-detail>p:not(.lt-eyebrow){white-space:pre-line} #lt-materials-history-v2 .material-description{margin:32px 0;max-width:72ch;line-height:1.65} #lt-materials-history-v2 .material-description p{margin:0 0 16px} /* Material page: preview and download belong to the same decision area. */ #lt-materials-history-v2 .material-overview{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:20px;align-items:start;margin:24px 0 28px} #lt-materials-history-v2 .material-overview .preview-gallery{width:100%;margin:0;padding:16px;min-width:0;--preview-height:min(390px,48svh)} #lt-materials-history-v2 .material-overview .gallery-layout{grid-template-columns:minmax(0,1fr) 82px;gap:12px} #lt-materials-history-v2 .material-overview .gallery-heading>span{display:none} #lt-materials-history-v2 .material-download{background:#fff;border:1px solid #e4e5e9;border-radius:16px;padding:22px;font-size:13px;line-height:1.6} #lt-materials-history-v2 .material-download h2{font-size:18px;margin:0 0 20px} #lt-materials-history-v2 .material-download dl{margin:0} #lt-materials-history-v2 .material-download dl>div{margin:0 0 14px} #lt-materials-history-v2 .material-download dt{color:#626b79;font-size:12px} #lt-materials-history-v2 .material-download dd{margin:2px 0 0;font-weight:600} #lt-materials-history-v2 .download-formats{display:flex;gap:7px;margin:18px 0} #lt-materials-history-v2 .download-formats span{padding:4px 9px;border:1px solid #dedfeb;border-radius:6px;font-size:11px;font-weight:700} #lt-materials-history-v2 .material-download .access-panel{padding:16px 0;margin:0;border:0;border-top:1px solid #e7e7ed;border-radius:0;background:transparent} #lt-materials-history-v2 .material-download .access-panel strong{font-size:13px} #lt-materials-history-v2 .material-download .access-panel p{font-size:12px;line-height:1.6;margin-top:7px;color:#626b79} #lt-materials-history-v2 .download-action .lt-primary{display:block;width:100%;padding:14px 10px;font-size:13px;border:0;border-radius:10px;box-shadow:none;background:#4055e8;color:#fff} #lt-materials-history-v2 .download-action .lt-note{font-size:11px;line-height:1.5;color:#626b79;margin-top:12px} #lt-materials-history-v2 .material-description{max-width:none;margin:0 0 28px;padding:26px 30px;background:#fff;border:1px solid #e4e5e9;border-radius:16px} #lt-materials-history-v2 .material-description>.section-title{font-size:23px;margin:0 0 20px} #lt-materials-history-v2 .description-copy{max-width:70ch;font-size:15px;line-height:1.75;color:#454d5b} #lt-materials-history-v2 .description-copy>p{margin:0 0 20px} #lt-materials-history-v2 .description-section{margin:22px 0} #lt-materials-history-v2 .description-section h3{font-size:15px;font-weight:800;color:#202430;margin:0 0 6px} #lt-materials-history-v2 .description-section p{margin:0} #lt-materials-history-v2 .description-section ul{padding-left:20px;margin:8px 0} #lt-materials-history-v2 .description-section li{padding:3px 0} #lt-materials-history-v2 .lesson-question{padding:16px 20px;background:#f1f2fc;border-radius:10px} #lt-materials-history-v2 .lesson-question h3{color:#4656a1;font-size:12px} #lt-materials-history-v2 .lesson-question p{font-size:18px;line-height:1.5;color:#252e50;font-weight:600} @media(min-width:851px) and (max-width:1180px){#lt-materials-history-v2 .detail-screen{grid-template-columns:165px minmax(0,1fr);gap:20px}#lt-materials-history-v2 .material-overview{grid-template-columns:minmax(0,1fr) 235px;gap:14px}#lt-materials-history-v2 .material-overview .gallery-layout{grid-template-columns:1fr}#lt-materials-history-v2 .material-overview .gallery-thumbs{display:flex;flex-direction:row;height:90px;overflow:auto}#lt-materials-history-v2 .material-overview .gallery-thumbs button{flex:0 0 65px}#lt-materials-history-v2 .material-overview .gallery-thumbs button>span{display:none}} @media(max-width:850px){#lt-materials-history-v2 .material-overview{grid-template-columns:1fr}#lt-materials-history-v2 .material-download{padding:20px}#lt-materials-history-v2 .material-download dl{display:flex;gap:24px;flex-wrap:wrap}#lt-materials-history-v2 .material-description{padding:22px}#lt-materials-history-v2 .description-copy{font-size:14px}} @media(max-width:480px){#lt-materials-history-v2 .material-overview .gallery-layout{grid-template-columns:1fr}#lt-materials-history-v2 .material-overview .gallery-thumbs{height:100px}#lt-materials-history-v2 .material-description{padding:18px}#lt-materials-history-v2 .lesson-question{padding:14px}} #lt-materials-history-v2 .archive-explanation{font-size:12px;color:#626b79;margin:12px 0} #lt-materials-history-v2 .download-action .lt-primary{position:relative;isolation:isolate} #lt-materials-history-v2 .download-action .lt-primary:not(:disabled)::after{content:"";position:absolute;inset:-4px;border:2px solid #5264e8;border-radius:14px;pointer-events:none;opacity:0;animation:download-breathe 3.6s var(--ease-out) infinite} @keyframes download-breathe{0%,65%,100%{transform:scale(1);opacity:0}72%{transform:scale(1);opacity:.24}90%{transform:scale(1.035,1.16);opacity:0}} #lt-materials-history-v2 .download-action .lt-primary:focus-visible::after{animation:none} @media(hover:hover) and (pointer:fine){#lt-materials-history-v2 .download-action .lt-primary:hover::after{animation:none}} @media(prefers-reduced-motion:reduce){#lt-materials-history-v2 .download-action .lt-primary::after{animation:none!important}} #lt-materials-history-v2 .description-more{border-top:1px solid #e7e7ed;margin-top:20px;padding-top:16px} #lt-materials-history-v2 .description-more>summary{display:flex;align-items:center;gap:9px;width:fit-content;list-style:none;cursor:pointer;color:#4055b5;font-weight:700;font-size:14px;padding:6px 0} #lt-materials-history-v2 .description-more>summary::-webkit-details-marker{display:none} #lt-materials-history-v2 .description-more>summary:focus-visible{outline:3px solid #6978ee;outline-offset:5px;border-radius:4px} #lt-materials-history-v2 .description-more .description-close-label{display:none} #lt-materials-history-v2 .description-more[open] .description-open-label{display:none} #lt-materials-history-v2 .description-more[open] .description-close-label{display:inline} #lt-materials-history-v2 .description-more[open]>summary svg{transform:rotate(180deg)} #lt-materials-history-v2 .description-rest{padding-top:4px} #lt-materials-history-v2 .description-rest>:last-child{margin-bottom:0} @media(hover:hover){#lt-materials-history-v2 .description-more>summary:hover{text-decoration:underline;text-underline-offset:4px}} #lt-materials-history-v2 .donut-offer{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7ee} #lt-materials-history-v2 .donut-offer h3{font-size:19px;line-height:1.4;margin:0 0 12px;letter-spacing:-.3px} #lt-materials-history-v2 .donut-offer p{font-size:12px;line-height:1.65;color:#626b79;margin:0 0 14px} #lt-materials-history-v2 .donut-offer p strong{color:#30394b} #lt-materials-history-v2 .donut-benefit{padding:15px;background:#f0f2ff;border-radius:10px;margin:18px 0 12px} #lt-materials-history-v2 .donut-benefit strong{display:block;font-size:16px;color:#34449a;line-height:1.4} #lt-materials-history-v2 .donut-benefit span{display:block;font-size:12px;line-height:1.5;margin-top:6px;color:#4a577c} #lt-materials-history-v2 .donut-offer ul{padding-left:17px;margin:12px 0 18px;color:#4b5566;font-size:12px;line-height:1.65} #lt-materials-history-v2 .donut-offer li+li{margin-top:6px} #lt-materials-history-v2 .donut-offer .lt-primary{width:100%;padding:13px 8px;background:#4055e8;color:white;border:0;border-radius:10px;box-shadow:none;font-size:13px} #lt-materials-history-v2 .donut-link{border:0;padding:0;background:transparent;box-shadow:none;color:#4055b5;font-size:12px;font-weight:700;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer} #lt-materials-history-v2 .donut-offer .donut-check{margin:14px 0 10px} #lt-materials-history-v2 .donut-offer .donut-local{font-size:10px;margin:10px 0 0;color:#737b89} #lt-materials-history-v2 .donut-offer .donut-feedback{margin:12px 0 0;padding:12px;background:#f3f4f8;border-radius:8px;color:#384457} /* Keep the reading column independent of the download panel's height. */ #lt-materials-history-v2 .material-overview{row-gap:22px;grid-template-rows:auto auto} #lt-materials-history-v2 .material-overview>.preview-gallery{grid-column:1;grid-row:1} #lt-materials-history-v2 .material-overview>.material-download{grid-column:2;grid-row:1 / span 2} #lt-materials-history-v2 .material-overview>.material-description{grid-column:1;grid-row:2;margin:0;padding:24px} #lt-materials-history-v2 .material-download{padding:20px} #lt-materials-history-v2 .material-download h2{font-size:17px;margin-bottom:14px} #lt-materials-history-v2 .material-download dl>div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:10px;margin-bottom:8px;align-items:baseline} #lt-materials-history-v2 .material-download dd{margin:0;font-size:12px} #lt-materials-history-v2 .material-download .download-formats{margin:12px 0} #lt-materials-history-v2 .material-download .archive-explanation{margin:12px 0 0;font-size:11px} #lt-materials-history-v2 .donut-offer{margin-top:14px;padding-top:16px} #lt-materials-history-v2 .donut-offer h3{font-size:17px;line-height:1.4;margin-bottom:9px} #lt-materials-history-v2 .donut-offer .donut-reset{font-size:11px;margin-bottom:12px} #lt-materials-history-v2 .donut-benefit{padding:0;background:transparent;border-radius:0;margin:16px 0 10px} #lt-materials-history-v2 .donut-benefit strong{font-size:16px} #lt-materials-history-v2 .donut-benefit span{font-size:11px;margin-top:4px} #lt-materials-history-v2 .donut-offer .donut-terms{font-size:11px;margin-bottom:16px} #lt-materials-history-v2 .donut-offer .donut-check{font-size:11px;margin:12px 0 0} #lt-materials-history-v2 .donut-check .donut-link{display:block;margin-top:3px} #lt-materials-history-v2 .material-overview .gallery-thumbs button>span{overflow-wrap:normal;word-break:normal;hyphens:none;font-size:10px} @media(max-width:850px){#lt-materials-history-v2 .material-overview{grid-template-rows:auto;row-gap:18px}#lt-materials-history-v2 .material-overview>.preview-gallery,#lt-materials-history-v2 .material-overview>.material-download,#lt-materials-history-v2 .material-overview>.material-description{grid-column:1;grid-row:auto}#lt-materials-history-v2 .material-download dl>div{display:block}#lt-materials-history-v2 .material-overview>.material-description{padding:20px}} #lt-materials-history-v2 .material-detail>div.material-overview:last-child{display:grid;background:transparent;border-radius:0;padding:0;align-items:start;justify-content:normal;gap:22px 20px} /* Description spans the full content area below preview and access. */ #lt-materials-history-v2 .material-overview>.material-download{grid-row:1} #lt-materials-history-v2 .material-overview>.material-description{grid-column:1 / -1;grid-row:2} #lt-materials-history-v2 .material-overview>.material-description .description-copy{max-width:none} @media(max-width:850px){#lt-materials-history-v2 .material-overview>.material-download,#lt-materials-history-v2 .material-overview>.material-description{grid-column:1;grid-row:auto}} /* Let the preview fill the height of its neighbouring access panel. */ @media(min-width:851px){ #lt-materials-history-v2 .material-overview>.preview-gallery{align-self:stretch;display:flex;flex-direction:column} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-layout{flex:1;min-height:0;align-items:stretch} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-layout>div:first-child{display:flex;flex-direction:column;min-width:0} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-main{flex:1;min-height:var(--preview-height);height:auto} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-main>.gallery-page{position:absolute;inset:0;width:100%;height:100%} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-main>.kit-collage{position:absolute;height:100%;max-height:100%;width:auto;aspect-ratio:1;max-width:100%} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-thumbs{height:calc(var(--preview-height) + 54px);align-self:start} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-controls{flex-shrink:0} } @media(min-width:851px){#lt-materials-history-v2 .material-overview>.preview-gallery .gallery-layout{width:100%;margin:0}} /* Preview captions must remain inside their thumbnail buttons. */ #lt-materials-history-v2 .material-overview .gallery-layout{grid-template-columns:minmax(0,1fr) 112px} #lt-materials-history-v2 .gallery-thumbs button{min-width:0;max-width:100%} #lt-materials-history-v2 .material-overview .gallery-thumbs button>span{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.45;font-size:10px} @media(min-width:851px) and (max-width:1180px){#lt-materials-history-v2 .material-overview .gallery-layout{grid-template-columns:1fr}#lt-materials-history-v2 .material-overview .gallery-thumbs button>span{display:none}} @media(max-width:480px){#lt-materials-history-v2 .material-overview .gallery-layout{grid-template-columns:1fr}} /* Match the thumbnail rail to the actual preview height, not its old fixed size. */ @media(min-width:1181px){ #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-layout{position:relative;--gallery-controls-space:56px} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-thumbs{position:absolute;right:0;top:0;bottom:var(--gallery-controls-space);width:112px;height:auto;max-height:none;align-self:stretch;overflow-y:auto;padding-bottom:0} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-controls{height:44px;box-sizing:border-box;margin-top:12px} } /* Access controls follow their content without a forced empty spacer. */ @media(min-width:851px){ #lt-materials-history-v2 .material-overview>.material-download{align-self:stretch;display:flex;flex-direction:column} #lt-materials-history-v2 .material-download>.download-action:not([hidden]){margin-top:16px;padding-top:0} } @media(min-width:851px) and (max-width:1180px){ #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-thumbs{height:90px;max-height:90px;width:100%;align-self:start;overflow-x:auto;overflow-y:hidden} } @media(max-width:850px){ #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-layout{width:100%;min-width:0;margin:0} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-layout>div:first-child{min-width:0} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-main{min-width:0;overflow:hidden} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-main>.kit-collage{width:100%;height:auto;aspect-ratio:1;flex-shrink:1} } @media(max-width:480px){#lt-materials-history-v2 .material-overview>.preview-gallery{--preview-height:min(330px,42svh)}} /* Stable desktop gallery height: access copy must never resize the preview. */ @media(min-width:851px){ #lt-materials-history-v2 .material-overview{--material-panel-height:640px} #lt-materials-history-v2 .material-overview>.preview-gallery{height:var(--material-panel-height);min-height:0;max-height:var(--material-panel-height);box-sizing:border-box;align-self:start} #lt-materials-history-v2 .material-overview>.material-download{height:auto;min-height:0;max-height:none;align-self:start;overflow:visible} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-layout{min-height:0;flex:1} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-layout>div:first-child{min-height:0} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-main{min-height:0;height:0;flex:1} } @media(min-width:851px) and (max-width:1180px){ #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-layout{grid-template-rows:minmax(0,1fr) 90px} } /* Local preview deterrent only. Production must bake marks into preview assets. */ .gallery-page { position:relative; isolation:isolate; } .preview-watermark { position:absolute; left:0; top:0; width:0; height:0; z-index:1; pointer-events:none; border-radius:10px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='180'%3E%3Cg transform='translate(150 90) rotate(-28)' text-anchor='middle' font-family='Arial,sans-serif' fill='%23485270' fill-opacity='.13'%3E%3Ctext y='0' font-size='17' font-weight='500'%3EЛаборатория учителя%3C/text%3E%3Ctext y='24' font-size='12'%3EПредпросмотр%3C/text%3E%3C/g%3E%3C/svg%3E"); background-size:300px 180px; } .gallery-thumbs .preview-watermark { background-size:120px 72px; } #lt-materials-history-v2 .global-search{margin:22px 0 0;max-width:760px} #lt-materials-history-v2 .global-search-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#343b4d} #lt-materials-history-v2 .global-search>div{display:flex;gap:8px} #lt-materials-history-v2 .global-search input{flex:1;min-width:0;padding:14px 16px;border:1px solid #d9dce7;border-radius:12px;background:#fff;color:#20232b;font:inherit;font-size:14px} #lt-materials-history-v2 .global-search button{padding:12px 22px;border:0;border-radius:12px;background:#444eec;color:white;font:inherit;font-weight:700;cursor:pointer} #lt-materials-history-v2 .global-search input:focus-visible,#lt-materials-history-v2 .global-search button:focus-visible{outline:2px solid #444eec;outline-offset:3px} #lt-materials-history-v2 .global-search button:hover{background:#3540ce} @media(max-width:480px){#lt-materials-history-v2 .global-search input{padding:12px;font-size:13px}#lt-materials-history-v2 .global-search button{padding:12px}} /* Navigation and search share one compact toolbar. */ #lt-materials-history-v2 .catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:22px 0} #lt-materials-history-v2 .catalog-toolbar .main-nav{flex-shrink:0;padding:0;margin:0;gap:8px} #lt-materials-history-v2 .catalog-toolbar .global-search{flex:1;max-width:390px;min-width:220px;margin:0} #lt-materials-history-v2 .catalog-toolbar .global-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #lt-materials-history-v2 .catalog-toolbar .global-search input{height:44px;padding:10px 12px;font-size:13px} #lt-materials-history-v2 .catalog-toolbar .global-search button{height:44px;padding:10px 15px;font-size:13px} @media(max-width:1000px){#lt-materials-history-v2 .catalog-toolbar{gap:12px}#lt-materials-history-v2 .catalog-toolbar .main-nav button{padding:10px 12px;font-size:12px}} @media(max-width:700px){#lt-materials-history-v2 .catalog-toolbar{flex-wrap:wrap}#lt-materials-history-v2 .catalog-toolbar .global-search{max-width:none;flex-basis:100%;min-width:0}#lt-materials-history-v2 .catalog-toolbar .main-nav{flex-shrink:1}} #lt-materials-history-v2 .school-home{padding:24px 0 36px} #lt-materials-history-v2 .school-intro h1{font-size:clamp(28px,3.5vw,42px);line-height:1.15;text-transform:none;letter-spacing:-.025em;margin:0 0 12px} #lt-materials-history-v2 .school-intro p{font-size:15px;color:#637082;margin:0 0 26px;line-height:1.6} #lt-materials-history-v2 .school-subjects{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px} #lt-materials-history-v2 .school-subject{font:inherit;font-size:20px;font-weight:700;padding:18px 28px;border:1px solid #dedfe7;border-radius:14px;background:white;color:#303b51;cursor:pointer} #lt-materials-history-v2 .school-subject[aria-pressed=true]{background:#eef0ff;border-color:#656ded;color:#3946b6} #lt-materials-history-v2 .school-options{padding:20px 0;border-top:1px solid #dedfe7;border-bottom:1px solid #dedfe7;display:grid;gap:18px} #lt-materials-history-v2 .school-option-row{display:flex;align-items:center;gap:20px} #lt-materials-history-v2 .school-option-row>span{width:50px;flex-shrink:0;color:#657084;font-size:14px} #lt-materials-history-v2 .school-option-row>div{display:flex;flex-wrap:wrap;gap:8px} #lt-materials-history-v2 .school-choice{border:1px solid #dedfe7;border-radius:10px;background:white;color:#455167;padding:10px 16px;font:inherit;font-size:14px;cursor:pointer} #lt-materials-history-v2 .school-choice[aria-pressed=true]{background:#454fec;color:white;border-color:#454fec} #lt-materials-history-v2 .school-grade{min-width:44px;padding:10px} #lt-materials-history-v2 .school-selection{margin-top:28px} #lt-materials-history-v2 .school-selection h2{font-size:22px;margin:0 0 18px;text-transform:none} #lt-materials-history-v2 .school-book{display:flex;gap:24px;align-items:center;padding:24px;width:100%;max-width:740px;background:white;border:1px solid #e1e3eb;border-radius:16px;text-align:left;color:#20232b;cursor:pointer;font:inherit} #lt-materials-history-v2 .school-book>img{width:112px;height:148px;object-fit:contain;flex:0 0 112px;border-radius:4px} #lt-materials-history-v2 .school-book>span:not(.book-placeholder){display:grid;gap:10px;min-width:0} #lt-materials-history-v2 .school-book strong{font-size:23px;line-height:1.25} #lt-materials-history-v2 .school-book span span{font-size:13px;line-height:1.5;color:#657084} #lt-materials-history-v2 .school-book b{color:#414fc0;font-size:14px;margin-top:6px} #lt-materials-history-v2 .school-empty{padding:28px;background:#fff;border-radius:16px;border:1px solid #e1e3eb} #lt-materials-history-v2 .school-empty h3{margin:0 0 8px;font-size:18px} #lt-materials-history-v2 .school-empty p{margin:0;color:#657084;font-size:14px;line-height:1.6} #lt-materials-history-v2 .school-home button:focus-visible{outline:2px solid #454fec;outline-offset:3px} @media(max-width:480px){#lt-materials-history-v2 .school-subject{font-size:16px;padding:14px 18px}#lt-materials-history-v2 .school-option-row{align-items:flex-start;gap:10px}#lt-materials-history-v2 .school-book{padding:18px;gap:16px;align-items:flex-start}#lt-materials-history-v2 .school-book>img{width:72px;height:95px;flex-basis:72px}#lt-materials-history-v2 .school-book strong{font-size:18px}} /* Keep course and grade choices on one compact row when space permits. */ #lt-materials-history-v2 .school-options{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;padding:16px 0} #lt-materials-history-v2 .school-option-row{gap:10px} #lt-materials-history-v2 .school-option-row>span{width:auto} #lt-materials-history-v2 .school-option-row>div{gap:6px} #lt-materials-history-v2 .school-choice{padding:10px 12px;font-size:13px} #lt-materials-history-v2 .school-grade{min-width:36px;padding:10px 8px} @media(min-width:701px) and (max-width:1000px){#lt-materials-history-v2 .school-options{gap:14px}#lt-materials-history-v2 .school-option-row{gap:8px}#lt-materials-history-v2 .school-choice{padding:10px;font-size:12px}#lt-materials-history-v2 .school-grade{min-width:30px;padding:10px 6px}} /* Subject choices and course/class controls form one horizontal filter block. */ #lt-materials-history-v2 .school-filters{display:flex;align-items:center;gap:28px;padding:16px 0;border-bottom:1px solid #dedfe7} #lt-materials-history-v2 .school-filters .school-subjects{margin:0;flex-shrink:0;gap:8px} #lt-materials-history-v2 .school-filters .school-subject{padding:14px 18px;font-size:16px} #lt-materials-history-v2 .school-filters .school-options{border:0;padding:0;gap:10px 20px;flex:1;min-width:0} @media(min-width:701px) and (max-width:1100px){#lt-materials-history-v2 .school-filters{gap:20px}#lt-materials-history-v2 .school-filters .school-subject{padding:14px 12px;font-size:14px}#lt-materials-history-v2 .school-filters .school-options{flex-direction:column;align-items:flex-start}} @media(max-width:700px){#lt-materials-history-v2 .school-filters{flex-wrap:wrap;gap:16px}#lt-materials-history-v2 .school-filters .school-options{flex-basis:100%}} #lt-materials-history-v2 .exam-home .school-options{flex-direction:row;align-items:center;gap:12px 20px} #lt-materials-history-v2 .exam-type-row{flex:1;min-width:0} #lt-materials-history-v2 .exam-type-row label{font-size:14px;color:#657084} #lt-materials-history-v2 .exam-type-row select{min-width:0;width:100%;max-width:260px;border:1px solid #dedfe7;background:white;border-radius:10px;padding:10px 30px 10px 12px;color:#455167;font:inherit;font-size:13px;min-height:40px} #lt-materials-history-v2 .exam-type-row select:focus-visible{outline:2px solid #454fec;outline-offset:3px} @media(min-width:701px) and (max-width:1000px){#lt-materials-history-v2 .exam-home .school-filters{gap:16px}#lt-materials-history-v2 .exam-home .school-options{gap:12px}#lt-materials-history-v2 .exam-home .school-option-row{gap:6px}#lt-materials-history-v2 .exam-home .school-option-row>span,#lt-materials-history-v2 .exam-type-row label{font-size:12px}#lt-materials-history-v2 .exam-type-row select{font-size:12px;padding-left:8px;padding-right:20px}} @media(max-width:480px){#lt-materials-history-v2 .exam-home .school-options{gap:12px}#lt-materials-history-v2 .exam-type-row{flex-basis:160px}#lt-materials-history-v2 .exam-type-row select{font-size:12px;padding-left:8px;padding-right:18px}} #lt-materials-history-v2 .exam-type-row label{flex-shrink:0;white-space:nowrap} #lt-materials-history-v2 .catalog-page{padding:24px 0} #lt-materials-history-v2 .catalog-page h1{font-size:clamp(28px,3.5vw,42px);line-height:1.15;letter-spacing:-.025em;text-transform:none;margin:0 0 24px} #lt-materials-history-v2 .catalog-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:22px} #lt-materials-history-v2 .catalog-filters label{display:grid;gap:7px;font-size:12px;color:#596579;flex:1 1 135px;min-width:0} #lt-materials-history-v2 .catalog-filters select{width:100%;min-width:0;height:42px;padding:8px 26px 8px 12px;font:inherit;font-size:13px;border:1px solid #d9dce7;border-radius:10px;background:white;color:#303b51} #lt-materials-history-v2 .catalog-reset{height:42px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:#414fc0;font:inherit;font-size:13px;cursor:pointer} #lt-materials-history-v2 .catalog-filters select:focus-visible,#lt-materials-history-v2 .catalog-reset:focus-visible{outline:2px solid #454fec;outline-offset:3px} /* Local textbook shells share the established catalogue proportions. */ #lt-materials-history-v2 .book-placeholder{width:150px;min-width:150px;aspect-ratio:3/4;border-radius:8px 16px 16px 8px;background:#e9eaf8;color:#353e78;padding:20px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border-left:7px solid #7982c1;box-sizing:border-box} #lt-materials-history-v2 .book-placeholder>span{font-size:17px;font-weight:650;line-height:1.3} #lt-materials-history-v2 .book-placeholder>b{font-size:56px;line-height:1} #lt-materials-history-v2 .book-placeholder>small{font-size:15px} #lt-materials-history-v2 .toc-book-heading .book-placeholder{width:90px;min-width:90px;padding:10px} #lt-materials-history-v2 .toc-book-heading .book-placeholder>span{font-size:11px} #lt-materials-history-v2 .toc-book-heading .book-placeholder>b{font-size:30px} #lt-materials-history-v2 .school-book .book-placeholder{width:112px;min-width:112px;height:148px;flex:0 0 112px;aspect-ratio:auto;padding:12px;border-left-width:5px;border-radius:4px 10px 10px 4px;gap:0} #lt-materials-history-v2 .school-book .book-placeholder>span{font-size:11px;line-height:1.3;color:#353e78} #lt-materials-history-v2 .school-book .book-placeholder>b{font-size:38px;line-height:1;margin:0} #lt-materials-history-v2 .school-book .book-placeholder>small{font-size:11px} @media(max-width:480px){#lt-materials-history-v2 .school-book .book-placeholder{width:72px;min-width:72px;height:95px;flex-basis:72px;padding:7px;border-left-width:3px}#lt-materials-history-v2 .school-book .book-placeholder>span{font-size:8px}#lt-materials-history-v2 .school-book .book-placeholder>b{font-size:25px}#lt-materials-history-v2 .school-book .book-placeholder>small{font-size:8px}} #lt-materials-history-v2 .school-books-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} #lt-materials-history-v2 .school-books-grid .school-book{max-width:none;min-height:196px;padding:20px;gap:20px;align-items:center} #lt-materials-history-v2 .school-books-grid .school-book-copy{flex:1;grid-template-rows:50px 40px 22px;gap:8px} #lt-materials-history-v2 .school-books-grid .school-book strong{font-size:20px;line-height:25px;align-self:center} #lt-materials-history-v2 .school-books-grid .school-book-copy>b{margin:0;align-self:end} #lt-materials-history-v2 .school-books-grid .school-book>img, #lt-materials-history-v2 .school-books-grid .book-placeholder{width:88px;min-width:88px;height:116px;flex:0 0 88px} #lt-materials-history-v2 .school-books-grid .book-placeholder{padding:9px} #lt-materials-history-v2 .school-books-grid .book-placeholder>span{font-size:9px} #lt-materials-history-v2 .school-books-grid .book-placeholder>b{font-size:30px} #lt-materials-history-v2 .school-books-grid .book-placeholder>small{font-size:9px} @media(max-width:700px){#lt-materials-history-v2 .school-books-grid{grid-template-columns:minmax(0,1fr)}} @media(max-width:380px){#lt-materials-history-v2 .school-books-grid .school-book{padding:16px;gap:12px}#lt-materials-history-v2 .school-books-grid .school-book strong{font-size:18px}} /* Shared compact navigation; local testing controls stay out of the catalog. */ .refined-ui .site-header{border-bottom:1px solid #dfe2eb;margin-bottom:12px} .refined-ui .site-header .lt-top{padding:20px 0 8px;display:flex;align-items:center;justify-content:space-between} .refined-ui .header-actions{display:flex;align-items:center;gap:20px} .refined-ui .header-account{display:flex;align-items:center;gap:12px} .refined-ui .header-account .lt-limit{background:transparent;padding:0;font-size:12px} .refined-ui .header-account button{font-size:13px;white-space:nowrap} .refined-ui .bank-menu{position:relative;flex-shrink:0} .refined-ui .bank-menu summary{list-style:none;cursor:pointer;background:#e8eaff;color:#3945bd;border:1px solid #c8ccff;border-radius:10px;padding:11px 15px;font-size:13px;font-weight:750} .refined-ui .bank-menu summary::-webkit-details-marker{display:none} .refined-ui .bank-menu nav{position:absolute;top:calc(100% + 8px);right:0;width:260px;max-width:80vw;padding:8px;background:white;border:1px solid #dfe2eb;border-radius:12px;box-shadow:0 12px 32px #252b4220;z-index:20} .refined-ui .bank-menu a{display:block;padding:12px;border-radius:6px;color:#303a50;text-decoration:none;font-size:13px} .refined-ui .bank-menu a:hover{background:#eef0ff;color:#3945bd} .refined-ui .local-tools{font-size:11px;color:#687184;margin:0 0 20px} .refined-ui .local-tools>summary{cursor:pointer;width:max-content;padding:8px 0} .refined-ui .local-tools .local-admin-link{margin:8px 0;display:inline-block} .refined-ui .site-header .catalog-toolbar{margin:12px 0 18px} @media(max-width:850px){.refined-ui .header-account{align-items:flex-end;flex-direction:column;gap:2px}.refined-ui .header-actions{gap:12px}} @media(max-width:540px){.refined-ui .site-header .lt-top{gap:12px;align-items:flex-start}.refined-ui .header-actions{align-items:flex-end;flex-direction:column;gap:8px}.refined-ui .header-account .lt-limit{font-size:10px}.refined-ui .bank-menu summary{font-size:12px;padding:9px 10px}.refined-ui .site-header .main-nav{display:flex;flex-wrap:wrap}.refined-ui .site-header .main-nav button{padding:10px;font-size:11px}.refined-ui .lt-brand{font-size:13px}} #lt-materials-history-v2 .header-account{display:flex;flex-direction:column;align-items:flex-end;gap:3px} #lt-materials-history-v2 .header-account .lt-limit{min-width:0;background:transparent;border:0;padding:0;font-size:12px;line-height:1.5;color:#626d80} #lt-materials-history-v2 .account-actions{display:flex;align-items:center;gap:14px} #lt-materials-history-v2 .account-actions button{font-size:13px;padding:6px 0;min-height:36px} #lt-materials-history-v2 .account-actions [data-header-support]{color:#414dcc;font-weight:700} #lt-materials-history-v2 #account-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #dfe2eb;border-radius:18px;color:#303b4d;overflow:auto} #lt-materials-history-v2 #account-dialog::backdrop{background:#20283a80} #lt-materials-history-v2 .account-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px} #lt-materials-history-v2 .account-title-row h2{font:800 23px/1.3 Manrope,Arial,sans-serif;margin:0} #lt-materials-history-v2 .account-title-row button{font-size:26px;min-width:40px;min-height:40px} #lt-materials-history-v2 #account-dialog p{font:400 14px/1.6 Manrope,Arial,sans-serif;margin:14px 0} #lt-materials-history-v2 #account-dialog .account-status{color:#4856be;margin:4px 0 20px} #lt-materials-history-v2 .account-quota{display:grid;gap:4px;padding:18px;background:#eef0ff;border-radius:12px;font-size:13px} #lt-materials-history-v2 .account-quota strong{font-size:28px;line-height:1.2} #lt-materials-history-v2 .account-footer{border-top:1px solid #dfe2eb;margin-top:20px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px} #lt-materials-history-v2 .account-footer small{font-size:11px;color:#687184} #lt-materials-history-v2 .bank-menu summary:focus-visible,#lt-materials-history-v2 .bank-menu a:focus-visible{outline:2px solid #4055e8;outline-offset:3px} @media(max-width:540px){#lt-materials-history-v2 .account-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}#lt-materials-history-v2 .account-actions button{font-size:11px}#lt-materials-history-v2 .header-account .lt-limit{font-size:11px}} @font-face{font-family:Manrope;src:url("assets/home/home-manrope-cyrillic.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F;} @font-face{font-family:Manrope;src:url("assets/home/home-manrope-latin.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap;} #lt-materials-history-v2 .server-preview-note{padding:14px 0;color:var(--lt-muted);font-size:14px;border-bottom:1px solid var(--lt-line);} #lt-materials-history-v2 #account-button{max-width:260px;overflow-wrap:anywhere;} #lt-materials-history-v2 input{font-size:16px;caret-color:var(--lt-blue);} #lt-materials-history-v2 ::selection{background:#dcdcff;color:#202632;} /* A real cover at its native proportions, shared by every kit surface. */ #lt-materials-history-v2 .kit-collage.kit-cover{display:flex;align-items:center;justify-content:center;padding:7%;background:#efeee9} #lt-materials-history-v2 .kit-collage.kit-cover .kit-cover-image{position:static;display:block;width:100%;height:auto;max-height:100%;object-fit:contain;transform:none;border:0;border-radius:0;background:transparent;box-shadow:0 4px 16px #20263214} /* Real pages fan out behind the presentation; never stretch pages into blank sheets. */ #lt-materials-history-v2 .kit-collage.kit-fan{background:linear-gradient(135deg,#f3efe7,#e9e8f3)} #lt-materials-history-v2 .kit-fan .fan-page{width:31%;height:auto;max-height:58%;object-fit:contain;transform-origin:50% 90%;border-radius:3px;box-shadow:0 5px 14px #20263226} #lt-materials-history-v2 .kit-fan .fan-page-0{left:12%;top:20%;transform:rotate(-23deg)} #lt-materials-history-v2 .kit-fan .fan-page-1{left:27%;top:10%;transform:rotate(-9deg)} #lt-materials-history-v2 .kit-fan .fan-page-2{left:43%;top:11%;transform:rotate(9deg)} #lt-materials-history-v2 .kit-fan .fan-page-3{left:59%;top:25%;transform:rotate(23deg)} #lt-materials-history-v2 .kit-fan .fan-cover{left:11%;bottom:12%;width:78%;height:auto;max-height:52%;object-fit:contain;transform:rotate(-3deg);border-radius:3px;box-shadow:0 9px 22px #2026322b} #lt-materials-history-v2 a.material-card-link{color:inherit;text-decoration:none} /* Fit the full page to the available preview instead of its intrinsic thumbnail size. */ #lt-materials-history-v2 .gallery-main>.gallery-page>img, #lt-materials-history-v2 #preview-dialog .gallery-page>img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%} /* Digital materials use a landscape screen, never a portrait paper mockup. */ #lt-materials-history-v2 .screen-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:7%;box-sizing:border-box;background:linear-gradient(135deg,#eff1f5,#e4e8f0)} #lt-materials-history-v2 .screen-frame{width:100%;overflow:hidden;border:1px solid #313c50;border-radius:10px;background:#192334;box-shadow:0 14px 28px #20263226} #lt-materials-history-v2 .screen-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;color:#eef2fa;font-size:11px;font-weight:600;line-height:1.3} #lt-materials-history-v2 .screen-frame img{display:block;position:static;width:100%;height:auto;max-width:100%;object-fit:contain;transform:none;border:0;border-radius:0;background:transparent;box-shadow:none} #lt-materials-history-v2 .material-overview>.preview-gallery.digital-gallery{align-self:start;display:block} #lt-materials-history-v2 .material-overview>.preview-gallery.digital-gallery .gallery-layout{display:block} #lt-materials-history-v2 .material-overview>.preview-gallery.digital-gallery .gallery-main{height:auto;min-height:0;flex:none;aspect-ratio:16/11} #lt-materials-history-v2 .digital-gallery .gallery-main>.screen-cover{position:absolute;inset:0;padding:5% 5% 13%} #lt-materials-history-v2 .digital-gallery.single-preview .gallery-thumbs,#lt-materials-history-v2 .digital-gallery.single-preview .gallery-controls{display:none} #lt-materials-history-v2 #preview-dialog .dialog-image:has(>.screen-cover){width:100%;max-width:100%;height:auto;aspect-ratio:16/10} #lt-materials-history-v2 #preview-dialog .screen-cover{padding:3%} @media(max-width:600px){#lt-materials-history-v2 .screen-bar{padding:7px 9px;font-size:10px}#lt-materials-history-v2 .digital-gallery .zoom-hint{font-size:11px;padding:8px 10px}} /* Navigation links remain blocks after buttons become real URLs. */ #lt-materials-history-v2 .detail-nav nav{display:grid;min-width:0} #lt-materials-history-v2 .side-link,#lt-materials-history-v2 .side-paragraph{display:block;box-sizing:border-box;white-space:normal;overflow-wrap:break-word;min-width:0} #lt-materials-history-v2 .exam-topic-tools{display:block;margin:24px 0 16px;max-width:720px} #lt-materials-history-v2 .exam-topic-tools label{display:grid;gap:8px} #lt-materials-history-v2 .exam-topic-block summary{display:flex;align-items:center;justify-content:space-between;gap:16px} #lt-materials-history-v2 .exam-topic-block summary small{font-size:12px;font-weight:500;color:#596170} #lt-materials-history-v2 .exam-topic-row{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:16px;padding:20px 24px;border-top:1px solid #e7e8ec;text-decoration:none;color:#303a4b;align-items:start;font-size:15px;line-height:1.55} #lt-materials-history-v2 a.exam-topic-row:hover{background:#f0f2fc} #lt-materials-history-v2 .exam-topic-number{font-variant-numeric:tabular-nums;font-weight:700;color:#596170} #lt-materials-history-v2 .exam-topic-row strong{font-weight:650} #lt-materials-history-v2 .exam-topic-row small{display:block;font-size:12px;color:#596170;margin-top:4px} #lt-materials-history-v2 .exam-topic-row.is-pending{color:#596170} #lt-materials-history-v2 .exam-topic-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px} #lt-materials-history-v2 .exam-topic-links a{color:#344bb9;text-underline-offset:3px} #lt-materials-history-v2 .exam-topic-row:focus-visible,#lt-materials-history-v2 .side-link:focus-visible{outline:2px solid #4055e8;outline-offset:-2px} @media(max-width:600px){#lt-materials-history-v2 .exam-topic-row{grid-template-columns:32px minmax(0,1fr) 16px;gap:10px;padding:16px 12px}#lt-materials-history-v2 .exam-topic-block summary{align-items:flex-start;flex-direction:column;gap:4px}} /* Phone/tablet contract: one column, readable controls and contained previews. */ @media(max-width:850px){ #lt-materials-history-v2 .material-overview{grid-template-columns:minmax(0,1fr)} #lt-materials-history-v2 .material-overview>.preview-gallery{width:100%;min-width:0} #lt-materials-history-v2 .material-overview .gallery-layout{grid-template-columns:minmax(0,1fr);gap:12px} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-main>.kit-collage{width:min(100%,var(--preview-height));height:auto;max-height:100%;aspect-ratio:1;flex:none} #lt-materials-history-v2 .detail-column>.lt-quiet{min-height:44px} #lt-materials-history-v2 .account-actions button{min-height:44px} #lt-materials-history-v2 .material-overview .gallery-thumbs{position:static;display:flex;flex-direction:row;align-items:stretch;width:100%;height:auto;max-height:none;overflow-x:auto;overflow-y:hidden;padding:3px 3px 10px;gap:8px;scroll-snap-type:x proximity} #lt-materials-history-v2 .material-overview .gallery-thumbs button{flex:0 0 96px;max-width:96px;min-width:0;scroll-snap-align:start;padding:5px;align-self:stretch} #lt-materials-history-v2 .material-overview .gallery-thumbs button>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.4;height:2.8em;margin:7px 0 2px;overflow-wrap:normal} #lt-materials-history-v2 .material-overview .gallery-thumbs .gallery-page{width:100%;height:auto;aspect-ratio:1} #lt-materials-history-v2 .material-overview .gallery-thumbs .gallery-page img{max-width:100%;max-height:100%} #lt-materials-history-v2 .material-overview .gallery-controls>span{min-width:0;text-align:center;font-size:12px;line-height:1.5} #lt-materials-history-v2 .detail-nav{padding:0 16px} #lt-materials-history-v2 .detail-nav summary{padding:14px 0;min-height:48px;margin:0} #lt-materials-history-v2 .detail-nav[open] summary{margin-bottom:0} #lt-materials-history-v2 .detail-nav[open] nav{padding-bottom:12px} #lt-materials-history-v2 .material-download dl{display:grid;gap:14px;margin:0} #lt-materials-history-v2 .material-download dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;margin:0} #lt-materials-history-v2 .material-download dt,#lt-materials-history-v2 .material-download dd{font-size:14px;line-height:1.5;margin:0} #lt-materials-history-v2 .material-description p{font-size:16px;line-height:1.65} #lt-materials-history-v2 .description-more>summary{min-height:44px;padding:12px 0;display:flex;align-items:center} #lt-materials-history-v2 .pager{gap:12px} #lt-materials-history-v2 .pager button{min-width:0;overflow-wrap:anywhere} } @media(max-width:700px){ #lt-materials-history-v2.refined-ui{padding:0 16px 16px} #lt-materials-history-v2.refined-ui .site-header .lt-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:16px 0 4px;min-height:0} #lt-materials-history-v2 .header-actions{display:contents} #lt-materials-history-v2 .header-account{grid-column:2;grid-row:1;min-width:0} #lt-materials-history-v2 .header-account .lt-limit,#lt-materials-history-v2 .account-name{display:none} #lt-materials-history-v2 .account-actions{gap:8px;flex-wrap:nowrap} #lt-materials-history-v2 .account-actions button{min-height:44px;font-size:13px;padding:8px 0} #lt-materials-history-v2 .account-actions .lt-notifications{margin:0} #lt-materials-history-v2 .bank-menu{grid-column:1/-1;grid-row:2;justify-self:start} #lt-materials-history-v2 .bank-menu summary{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:13px} #lt-materials-history-v2 .bank-menu nav{left:0;right:auto;max-width:calc(100vw - 34px)} #lt-materials-history-v2 .site-header .catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:12px 0 18px} #lt-materials-history-v2 .catalog-toolbar .main-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%} #lt-materials-history-v2 .catalog-toolbar .main-nav button{padding:10px 6px;min-height:48px;min-width:0;font-size:12px;line-height:1.35;white-space:normal} #lt-materials-history-v2 .catalog-toolbar .global-search{width:100%;min-width:0;max-width:none} #lt-materials-history-v2 .global-search input,#lt-materials-history-v2.refined-ui .toc-tools input,#lt-materials-history-v2 .exam-type-row select,#lt-materials-history-v2 .catalog-filters select,#lt-materials-history-v2 .exam-topic-search input{font-size:16px;min-height:46px} #lt-materials-history-v2 .global-search input{padding:12px;min-width:0} #lt-materials-history-v2 .global-search button{min-height:46px;font-size:14px;padding:10px 14px} #lt-materials-history-v2 .school-filters .school-subjects{display:grid;grid-template-columns:.75fr 1.25fr;width:100%;min-width:0} #lt-materials-history-v2 .school-filters .school-subject{min-width:0;padding:12px 8px;font-size:14px;min-height:46px} #lt-materials-history-v2 .school-option-row{min-width:0;flex-wrap:wrap;align-items:center;gap:8px} #lt-materials-history-v2 .school-option-row>span{flex-basis:100%;font-size:13px} #lt-materials-history-v2 .school-choice{min-width:44px;min-height:44px;font-size:13px} #lt-materials-history-v2 .school-grade{min-width:44px;min-height:44px} #lt-materials-history-v2 .exam-home .school-options{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:16px} #lt-materials-history-v2 .exam-type-row{display:grid;gap:8px} #lt-materials-history-v2 .exam-type-row select{max-width:none;width:100%} #lt-materials-history-v2 .catalog-filters{display:grid;grid-template-columns:1fr;gap:14px} #lt-materials-history-v2 .catalog-reset{justify-self:start;min-height:44px;padding-left:0} #lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row strong{font-size:15px} #lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:6px 10px;align-items:start} #lt-materials-history-v2.refined-ui .toc-chapter .paragraph-row .num{min-width:0} #lt-materials-history-v2 .paragraph-row .toc-page{grid-column:2;text-align:left;margin:0;font-size:12px} #lt-materials-history-v2 .toc-chapter .paragraph-row small{font-size:12px} #lt-materials-history-v2.refined-ui .toc-tools{gap:12px} #lt-materials-history-v2.refined-ui .toc-tools>*{width:100%;min-width:0} #lt-materials-history-v2 .material-description,#lt-materials-history-v2 .material-download{overflow-wrap:break-word} #lt-materials-history-v2 .material-overview>.material-description{padding:20px} #lt-materials-history-v2 #preview-dialog{width:calc(100vw - 24px);max-width:none;padding:12px;max-height:calc(100svh - 24px)} #lt-materials-history-v2 .dialog-toolbar{align-items:flex-start;font-size:13px;gap:10px} #lt-materials-history-v2 .dialog-toolbar>strong{min-width:0;overflow-wrap:anywhere} #lt-materials-history-v2 .dialog-toolbar button{flex-shrink:0;min-height:44px} #lt-materials-history-v2 .lt-footer{flex-wrap:wrap;gap:10px 20px;line-height:1.6} #lt-materials-history-v2 .lt-footer a{display:inline-flex;align-items:center;min-height:44px} } @media(max-width:360px){ #lt-materials-history-v2 .lt-brand{font-size:12px!important} #lt-materials-history-v2 .account-actions{gap:5px} #lt-materials-history-v2 .account-actions button{font-size:12px} #lt-materials-history-v2 .feature .kit-feature-action>.lt-primary{width:100%;text-align:center} } @media(max-width:700px){ #lt-materials-history-v2.refined-ui .exam-topic-block summary{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:4px 10px;text-align:left} #lt-materials-history-v2 .exam-topic-block summary>span,#lt-materials-history-v2 .exam-topic-block summary>small{grid-column:1;min-width:0} #lt-materials-history-v2.refined-ui .exam-topic-block summary::after{grid-column:2;grid-row:1 / 3;align-self:center;margin:0} } /* Desktop polish: stable card baselines and legible preview navigation. */ @media(min-width:851px){ #lt-materials-history-v2 .catalog-total{margin-bottom:12px} #lt-materials-history-v2 .catalog-page>.lt-meta{max-width:76ch;line-height:1.65;margin:0 0 24px} #lt-materials-history-v2 .catalog-filters{gap:16px;margin-bottom:24px} #lt-materials-history-v2 .catalog-filters label{flex-basis:170px;font-size:13px} #lt-materials-history-v2 .catalog-filters select{height:44px;font-size:14px} #lt-materials-history-v2 .material-card{display:flex;min-width:0} #lt-materials-history-v2 .material-card-link{display:flex;flex-direction:column;width:100%;height:100%;min-width:0} #lt-materials-history-v2 .material-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%;min-width:0} #lt-materials-history-v2 .material-title{overflow-wrap:break-word;line-height:1.4} #lt-materials-history-v2 .material-context{margin-bottom:20px} #lt-materials-history-v2 .material-bottom{margin-top:auto;width:100%;min-height:48px} #lt-materials-history-v2 .material-overview>.material-description .description-copy{max-width:76ch} #lt-materials-history-v2 .material-overview .gallery-thumbs button>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.45;min-height:2.9em;max-height:4.35em;margin:8px 0 2px;overflow-wrap:break-word} #lt-materials-history-v2 .gallery-controls{gap:12px} #lt-materials-history-v2 .gallery-controls>span{min-width:0;text-align:center;line-height:1.5} #lt-materials-history-v2 .gallery-controls .lt-button{flex-shrink:0;width:44px;height:44px} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-main>.kit-collage{height:auto;width:min(100%,480px);max-height:100%;aspect-ratio:1} #lt-materials-history-v2 .lt-footer{gap:20px;flex-wrap:wrap;line-height:1.6} } @media(min-width:851px) and (max-width:1180px){ #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-layout{grid-template-rows:minmax(0,1fr) 154px;gap:14px} #lt-materials-history-v2 .material-overview>.preview-gallery .gallery-thumbs{display:flex;flex-direction:row;gap:8px;height:154px;max-height:154px;padding:2px 2px 8px} #lt-materials-history-v2 .material-overview .gallery-thumbs button{flex:0 0 96px;min-width:0;max-width:96px;height:132px;padding:5px} #lt-materials-history-v2 .material-overview .gallery-thumbs button>span{-webkit-line-clamp:2;min-height:2.9em;max-height:2.9em} #lt-materials-history-v2 .material-overview .gallery-thumbs .gallery-page{height:80px;width:100%} } /* Trial PDFs retain their actual landscape/portrait proportions. */ #lt-materials-history-v2 .art-trial .paper-under{display:none} #lt-materials-history-v2 .art-trial .paper-preview{position:absolute;inset:8%;width:84%;height:84%;max-width:none;max-height:none;object-fit:contain;transform:none;background:transparent;border:0;border-radius:0;box-shadow:none}