/* Orthos Reading Room app: additions on top of the mockup styles */
.ap-bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 18px;background:#fbf7ef;border-bottom:1px solid #e6dccb}
.ap-bar.hide{display:none}
.ap-bar.dark{background:#140d09;border-bottom-color:#2b1d14;color:#f2e6cf}
.ap-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;font-weight:700;font-size:16px}
.ap-brand svg{background:#1b4d43;border-radius:50%;padding:3px}
.ap-sp{flex:1}
.ap-link{border:0;background:none;color:inherit;font-weight:700;font-size:14px;padding:7px 10px;border-radius:10px;text-decoration:none;cursor:pointer}
.ap-link:hover{background:rgba(127,127,127,.15)}
.pts-badge.sm{font-size:13px;padding:5px 11px;margin-right:4px}
.pts-badge.sm i{width:14px;height:14px}
a.btn{text-decoration:none}
.center{min-height:100vh}
.signin code,.card code{background:#efe7d6;border-radius:6px;padding:1px 6px}
.cov{text-decoration:none}
.cov .tag.free{background:#2f6f62;color:#fff}
.lib-light .cov{color:#1d2b28}
.lib-light .cov small{color:#6d756f}
.lib-light .shelf-h h2{color:#1d2b28}
.lib-light .shelf-h span{color:#6d756f}
.lib-light .cov .tag{background:#efe7d6;color:#5c4a2a}
.lounge-page .lz-btn{text-decoration:none;display:inline-block}
/* reader */
.book2{background:#fffaf0;border-radius:6px;box-shadow:0 0 0 10px #1d3f3a,0 24px 50px rgba(0,0,0,.25);display:grid;grid-template-columns:1fr 1fr;margin:14px 10px 0}
.book2.single{grid-template-columns:1fr}
.book2.single .pg2:last-child{display:none}
.pg2{height:560px;overflow:hidden;padding:30px 38px 34px 44px;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.6;color:#2a241c;position:relative}
.book2.big .pg2{font-size:23px;line-height:1.65}
.book2:not(.single) .pg2:first-child{border-right:1px solid #e8dcc4;background:linear-gradient(90deg,#fffaf0 85%,#f3e9d6)}
.book2:not(.single) .pg2:last-child{background:linear-gradient(270deg,#fffaf0 85%,#f3e9d6)}
.pg2 p{margin:0 0 14px;position:relative}
.pg2 .pn{position:absolute;left:-26px;top:5px;font-family:ui-sans-serif,system-ui;font-size:10px;color:#b3a588}
.pg2 .run{text-align:center;font:600 10px/1 ui-sans-serif,system-ui;letter-spacing:.2em;color:#b3a588;margin-bottom:18px;text-transform:uppercase}
.pg2 .folio{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:600 11px ui-sans-serif,system-ui;color:#b3a588}
.pg2 .vw{border-bottom:1.5px dotted #2f6f62;cursor:help}
@media (max-width:899px){.pg2{height:calc(100vh - 250px);min-height:420px;padding:24px 22px 34px 34px}}
.osl-lvl2{margin:12px 0 0;font-size:15px}
.osl-lvl2 summary{cursor:pointer;font-weight:700;color:#1b4d43}
.osl-lvl2 p{background:#fff;border-radius:12px;padding:10px 14px;margin:8px 0 0}
/* teacher */
.cls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.cls{background:#fff;border-radius:18px;padding:18px;box-shadow:0 1px 0 #e1d7c4;text-decoration:none;color:#1d2b28;display:flex;flex-direction:column;gap:6px}
.cls b{font-size:20px}
.cls code{font-weight:900;letter-spacing:.12em;color:#1b4d43}
.cls small{color:#6d756f}
a.cls:hover{box-shadow:0 0 0 2px #2f6f62}
.cls.new{border:2px dashed #cfc5b2;background:#fbf8f2}
.seatsel{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.seatsel input{width:80px;padding:8px;border-radius:10px;border:2px solid #d7cdb8}
.h-kick a{color:inherit}
.btn.danger{background:#b84a41;color:#fff;box-shadow:none}
@media print{
  body *{visibility:hidden}
  .print-area,.print-area *{visibility:visible}
  .print-area{position:absolute;left:0;top:0;width:100%;max-height:none;overflow:visible;box-shadow:none;background:#fff}
  .modal-bg{position:static;background:none}
  .no-print{display:none!important}
  .seats{grid-template-columns:1fr 1fr;gap:10px}
  .seatc{break-inside:avoid}
}