.mixed-page{max-width:1120px;padding-top:32px;padding-bottom:48px}.mixed-back{font-size:15px}.mixed-intro{display:flex;gap:38px;align-items:center;margin:34px 0}.mixed-intro>img{width:135px;border-radius:5px;box-shadow:0 8px 22px #16354424}.mixed-eyebrow{font-size:12px;letter-spacing:.1em;color:#46696b;font-weight:600;margin:0 0 10px}.mixed-intro h1{font-family:'Abhaya Libre',Georgia,serif;font-size:46px;line-height:1.04;margin:0 0 14px}.mixed-intro p:last-child{line-height:1.7;color:#52606b}.mixed-controls{background:#eaf3f1;padding:24px;border-radius:12px;display:flex;gap:34px;align-items:end}.mixed-controls label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.mixed-controls form>div{display:flex;gap:10px}.mixed-controls input,.mixed-controls select{font:inherit;border:1px solid #9db5b3;border-radius:6px;background:white;padding:12px;min-height:46px}.mixed-controls input{width:112px}.mixed-card{background:white;border:1px solid #d8e0df;border-radius:14px;box-shadow:0 6px 30px #14293608;padding:28px;margin-top:18px}.mixed-card-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.mixed-card h2{font-size:30px;margin:0}.mixed-tools{display:flex;align-items:center;gap:8px}.mixed-tools button{border:1px solid #c3d1d0;background:white;border-radius:5px;padding:8px 12px;font:inherit;cursor:pointer}.mixed-tools output{font-size:13px;min-width:40px;text-align:center}#mixed-tabs{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid #e0e7e5;margin-top:22px;padding-top:18px}#mixed-tabs button{font:inherit;font-size:14px;min-width:36px;padding:7px;border:0;border-radius:5px;background:#edf2f1;color:#244c4b;cursor:pointer}#mixed-tabs button[aria-current=true]{background:#183e43;color:white}#mixed-answer{padding:36px 0;line-height:1.7}.mixed-grid-scroll{overflow:auto;margin-bottom:14px}.mixed-grid{display:block;width:100%;max-width:none;margin:0 auto}.mixed-text-answer{font-size:32px;line-height:1.6;margin:14px 0;overflow-wrap:anywhere}.mixed-words{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;font-size:20px}.mixed-theme{font-size:24px;font-weight:600}.mixed-clues{display:grid;grid-template-columns:1fr 1fr;gap:32px;font-size:19px}.mixed-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e0e7e5;padding-bottom:22px;margin-bottom:22px}.mixed-note{color:#68757d;font-size:14px;margin-top:20px}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cf8c28;outline-offset:3px}@media(max-width:700px){.mixed-intro{gap:20px}.mixed-intro>img{width:85px}.mixed-intro h1{font-size:32px}.mixed-intro p:last-child{font-size:14px}.mixed-controls{display:block;padding:18px}.mixed-controls>div{margin-top:18px}.mixed-controls select{width:100%}.mixed-card{padding:18px}.mixed-card-header{align-items:start;flex-direction:column}.mixed-card h2{font-size:26px}.mixed-grid{width:100%;min-width:280px}.mixed-clues{grid-template-columns:1fr}.mixed-pagination .btn{padding:10px;font-size:14px}.mixed-pagination span{font-size:13px}.mixed-text-answer{font-size:26px}}@media print{body>*:not(main),.mixed-intro,.mixed-controls,.mixed-back,.mixed-tools,#mixed-tabs,.mixed-pagination,.mixed-note,#mixed-status{display:none!important}.mixed-card{box-shadow:none;border:0;padding:0}.mixed-grid{width:90%;max-width:650px}.mixed-grid-scroll{overflow:visible}#mixed-answer>a{display:none}.mixed-page{padding:0}.mixed-text-answer{font-size:24px}}

/* Keep lookup between navigation buttons, independent of answer size. */
.mixed-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
#mixed-prev{justify-self:start}#mixed-next{justify-self:end}
.mixed-jump-control{text-align:center}.mixed-jump-control label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.mixed-jump-control form>div{display:flex;justify-content:center;gap:10px;align-items:center}
.mixed-jump-control input{font:inherit;border:1px solid #9db5b3;border-radius:6px;background:white;padding:12px;width:100px;min-width:0;box-sizing:border-box}
.mixed-jump-control #mixed-counter{display:block;font-size:13px;color:#68757d;margin-top:8px}
#mixed-status:empty{display:none}
@media(max-width:700px){.mixed-pagination{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.mixed-jump-control form>div{flex-wrap:wrap;gap:6px}.mixed-jump-control input{width:76px;padding:8px}.mixed-jump-control label{font-size:12px}.mixed-pagination .btn{font-size:12px;padding:9px 8px;white-space:nowrap}}

.mixed-jump-control input::placeholder{color:#929b9f;opacity:1}

/* Fit vector grids to both dimensions of the available viewer space. */
.mixed-page{max-width:1600px;width:100%;box-sizing:border-box}
.mixed-card{scroll-margin-top:100px;min-width:0}
.mixed-grid-scroll{overflow:visible;width:100%;min-width:0}
.mixed-grid{width:100%;height:var(--grid-space,65dvh);min-width:0;max-width:100%;object-fit:contain;display:block}
.mixed-text-answer{font-size:clamp(26px,3vw,40px)}
.mixed-card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-width:0}
.mixed-card-header>div:first-child{min-width:0}
.mixed-tools{flex-shrink:0}
.mixed-tools #mixed-print{display:inline-flex;align-items:center;justify-content:center;background:#292f59;color:#fff;border:1px solid #292f59;padding:12px 18px;font-weight:600;white-space:nowrap;min-height:44px}
@media(max-width:700px){.mixed-card-header{gap:12px}.mixed-tools #mixed-print{font-size:13px;padding:10px}.mixed-card h2{font-size:23px}#mixed-answer{padding-top:20px}}
@media print{.mixed-grid{height:auto!important;width:100%;max-width:650px;object-fit:contain}.mixed-grid-scroll{overflow:visible}.mixed-text-answer{font-size:24px}}

/* Leave most of the viewport for the solution. */
.mixed-card{padding:20px}.mixed-pagination{padding-bottom:12px;margin-bottom:12px}.mixed-jump-control label{margin-bottom:4px}.mixed-jump-control input{padding:9px}.mixed-jump-control #mixed-counter{margin-top:4px}.mixed-card-header .mixed-eyebrow{margin-bottom:4px}#mixed-tabs{flex-wrap:nowrap;overflow-x:auto;margin-top:12px;padding-top:12px;padding-bottom:4px}#mixed-tabs button{flex:0 0 auto}#mixed-answer{padding-top:18px}
@media(max-width:700px){.mixed-card{padding:12px}.mixed-pagination{gap:6px}.mixed-card-header{gap:8px}.mixed-card h2{font-size:21px}.mixed-tools #mixed-print{padding:10px 8px}}