.title-row h2,.intro{white-space:pre-line}.title-row h2{font-size:clamp(32px,4vw,58px)}.plate-body{grid-template-columns:minmax(0,1fr) 292px}
.annotations{container-type:size}.note-list{--notes:5}.note{padding:8px 0}.note strong{font-size:14px}.note span span{font-size:14px}.note:not(.is-current) span span{display:none}.note.is-current{background:#e7e9de}
.plate-tools{position:absolute;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;border-top:1px solid var(--rule)}
.plate-tools button,.inset-panel button{border:1px solid var(--rule);background:var(--paper);padding:8px 10px;font:12px AtlasMono,monospace;min-height:36px}
.plate-tools button:hover,.inset-panel button:hover{background:#dce3d8}.spread-nav{display:flex;align-items:center;gap:14px;margin-left:auto;white-space:nowrap}.spread-nav button{border:1px solid var(--rule);background:none;font-size:22px;min-height:42px;width:44px}.spread-nav span{font:13px AtlasMono,monospace}
.inset-panel{position:absolute;inset:0;background:var(--paper);z-index:3;padding:clamp(12px,2vw,24px);overflow:hidden}
.inset-panel h3{font-size:28px;letter-spacing:-.04em;margin:0 0 8px}.inset-panel p{font-size:14px;line-height:1.4;margin:8px 0}
#contents-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}#contents-links button{display:flex;text-align:left;align-items:center;gap:15px;padding:14px;font:16px 'Segoe UI',sans-serif}#contents-links b{font:25px AtlasMono,monospace;color:var(--green)}
.label-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.label-specimens{display:flex;gap:8px;margin:10px 0}.label-specimens button{flex:1;display:flex;align-items:center;gap:8px;font:12px AtlasMono,monospace;text-align:left}.label-specimens img{height:50px;width:34px;object-fit:contain}.label-specimens button.selected{border-color:var(--ink);background:#e0e6da}
.fact-card{display:grid;grid-template-columns:25% minmax(0,1fr);gap:24px;padding-top:12px;border-top:1px solid var(--rule)}#fact-art{width:100%;max-height:290px;object-fit:contain}.fact-card h4{font-size:23px;margin:0 0 6px}.fact-card p{margin:6px 0;font-size:14px}#fact-row{font-size:17px;line-height:1.4;min-height:70px;padding:8px 0}#fact-row b{display:block;font-size:14px;color:var(--green);margin-bottom:4px}#fact-footnote{color:var(--muted);min-height:36px}.fact-controls{display:flex;align-items:center;gap:15px}.fact-controls span{font:12px AtlasMono,monospace}
@container (height < 420px){
 .note-list{display:grid;grid-template-columns:repeat(var(--notes),minmax(0,1fr));gap:5px}
 .note{height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rule);padding:0}
 .note>b{padding:0}.note.is-current{background:var(--ink)}.note.is-current>b{color:var(--paper)}
 .note>span{display:none;position:absolute;top:82px;left:0;right:0;pointer-events:none}.note.is-current>span,.note.is-current span span{display:block}.note strong{font-size:16px;line-height:1.25;margin-bottom:8px}.note span span{line-height:1.45}
}
@container (height >= 420px){
 .note-list{display:block}.note{position:relative;justify-content:flex-start;align-items:flex-start;min-height:39px;height:auto;border:0;border-bottom:1px solid var(--rule);padding:9px 0;gap:12px}.note>b{padding-top:2px}.note>span,.note.is-current>span{display:block;position:static;pointer-events:auto}.note.is-current{background:#e7e9de}.note.is-current>b{color:var(--green)}.note strong{font-size:14px;margin-bottom:3px;line-height:1.25}.note span span{font-size:14px;line-height:1.35}.note:not(.is-current) span span{display:none}
}
@media(max-height:740px){.title-row h2{font-size:36px}.plate-tools button{min-height:32px;font-size:10px;padding:6px 8px}}
@media(max-width:1100px){.reader-footer{gap:10px}.controls{gap:7px}.controls button{padding:10px;gap:6px;font-size:12px}.spread-nav{gap:7px}.plate-body{grid-template-columns:minmax(0,1fr) 265px}}
@media(max-width:900px){
 .plate-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 166px}.title-row h2{font-size:30px;white-space:normal}.title-row .eyebrow{font-size:9px;letter-spacing:.07em}
 .annotations>.eyebrow{margin:5px 0 7px}.note>span{top:62px}.note strong{font-size:14px;margin-bottom:3px}.note span span{font-size:14px;line-height:1.3}.plate-tools{padding-top:4px;border-top:0}.plate-tools button{min-height:28px;font-size:10px;padding:4px 8px}
 .reader-footer{display:flex;flex-wrap:wrap;gap:6px}.controls{width:100%}.controls button{font-size:10px}.spread-nav{width:100%;justify-content:space-between}.spread-nav button{height:30px;min-height:30px}.spread-nav span{font-size:12px}
 .inset-panel{padding:12px}.inset-panel h3{font-size:21px}.inset-panel p{font-size:13px}#contents-links{gap:6px;margin:8px 0}#contents-links button{font-size:12px;padding:7px;gap:8px}#contents-links b{font-size:17px}
 .label-toolbar h3{font-size:18px}.label-toolbar button{font-size:9px;padding:6px}.label-specimens{gap:3px;margin:7px 0}.label-specimens button{padding:4px;font-size:8px}.label-specimens img{height:28px;width:20px}
 .fact-card{grid-template-columns:20% minmax(0,1fr);gap:10px;padding-top:6px}.fact-card h4{font-size:16px}.fact-card p{font-size:12px}.fact-card #fact-brand{display:none}#fact-art{max-height:140px}#fact-row{font-size:14px;min-height:45px;padding:4px 0}#fact-row b{font-size:12px}#fact-footnote{display:none}.fact-controls{gap:8px}.fact-controls button{min-height:28px;padding:4px 8px}
}
@media(min-width:480px) and (max-height:540px){
 .plate-body{grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:minmax(0,1fr)}.reader-footer{flex-wrap:nowrap}.controls{width:auto;display:flex}.spread-nav{width:auto;margin-left:auto}.title-row h2{font-size:25px}.plate-tools button{font-size:9px;padding:4px 6px}.note>span{top:60px}.note span span{line-height:1.25}
 #contents-links{grid-template-columns:repeat(3,1fr)}#contents-links button{font-size:10px}.label-specimens{display:none}.fact-card{grid-template-columns:20% 1fr}#fact-art{max-height:100px}.fact-card h4{font-size:15px}.fact-card p{font-size:12px}#fact-serving{display:none}#fact-row{font-size:14px;min-height:0;padding:2px}#fact-row b{font-size:12px}.fact-controls button{min-height:25px}.label-toolbar h3{font-size:17px}
}
@media(min-width:480px) and (max-width:740px) and (max-height:420px){.plate-body{grid-template-columns:minmax(0,1fr) 225px}.note>span{top:48px}.spread-nav{gap:5px}.spread-nav span{font-size:10px}.spread-nav button{width:30px}.controls button{padding:5px 6px;min-height:30px}}
/* Insets use the complete reading area, with navigation in a reserved row. */
.plate-body{position:relative}.has-overlay[open]{grid-template-rows:auto minmax(0,1fr) auto}
.has-overlay .title-row,.has-overlay .operation,.has-overlay .controls{display:none}
.has-overlay #diagram,.has-overlay .annotations{visibility:hidden}
.inset-panel{display:flex;flex-direction:column;min-width:0;min-height:0}
#contents-links{flex:1;min-height:0;grid-template-columns:1fr;grid-template-rows:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0}
#contents-links button{padding:6px 12px;min-height:0;font-size:16px}
#contents-back{align-self:flex-start}.label-toolbar{flex-shrink:0}.label-toolbar h3{margin:0}
.label-specimens{flex-shrink:0;margin:10px 0;display:flex}.label-specimens button{font-size:12px;min-width:0;justify-content:center}
.fact-card{flex:1;min-height:0;grid-template-columns:24% minmax(0,1fr);align-items:stretch;padding-top:10px;gap:20px}
#fact-art{height:100%;max-height:100%;min-height:0}
.fact-card>div{min-height:0;display:flex;flex-direction:column}.fact-controls{margin-top:auto;flex-shrink:0;padding-top:8px}
#fact-row{min-height:0;font-size:17px;line-height:1.35}#fact-footnote{min-height:0;font-size:12px}.fact-card h4{font-size:21px}
@media(max-width:600px){.inset-panel{padding:10px}.fact-card{grid-template-columns:18% minmax(0,1fr);gap:12px}.label-specimens button{font-size:10px;padding:5px}.fact-card h4{font-size:18px}#fact-row{font-size:15px}.label-toolbar h3{font-size:19px}#contents-links button{font-size:14px}.fact-card #fact-brand,#fact-serving{display:none}}
@media(max-height:540px){.inset-panel{padding:8px 12px}.inset-panel h3,.label-toolbar h3{font-size:18px}.inset-panel>p,#fact-brand,#fact-serving,#fact-footnote{display:none}.label-toolbar button{min-height:28px;padding:4px 7px;font-size:10px}.label-specimens{margin:5px 0;gap:5px}.label-specimens button{min-height:27px;font-size:10px;padding:4px}.fact-card{padding-top:4px;gap:14px;grid-template-columns:20% 1fr}.fact-card h4{font-size:14px;margin:0}#fact-row{font-size:14px;line-height:1.2;padding:3px 0}#fact-row b{font-size:12px;margin-bottom:2px}.fact-controls{padding-top:3px}.fact-controls button{min-height:27px;padding:3px 9px}.fact-controls span{font-size:11px}#contents-links{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));margin:6px 0}#contents-links button{font-size:12px}#contents-links b{font-size:16px}#contents-back{min-height:28px;font-size:10px;padding:4px 7px}}

#read-note{display:none}#note-copy{display:block!important;font-size:18px;line-height:1.5;max-width:650px}#note-back{align-self:flex-start;margin-top:auto}

/* Two bookmarked openings in a substantial bound manual. */
#open-book{position:relative;isolation:isolate;width:288px;height:376px;margin:14px 32px 28px 0;transform:perspective(1100px) rotateY(-17deg) rotateX(9deg) rotateZ(-5deg);box-shadow:23px 36px 40px #0c202880}
#open-book:hover{transform:perspective(1100px) rotateY(-10deg) rotateX(6deg) rotateZ(-3deg) translateY(-5px)}
.book-spine{width:43px;flex:none;padding:20px 13px;background:linear-gradient(90deg,#b4aa8d,#e2d7bc 55%,#c6b99a);border-right:2px solid #9e9274;border-radius:4px 0 0 4px}
.book-cover{z-index:1;box-shadow:inset 5px 0 7px #314a3920,2px 2px 2px #172b2f50;border:2px solid #d6c9af;border-left:0}
.page-block{position:absolute;z-index:-1;left:43px;right:-27px;top:14px;bottom:-23px;background:repeating-linear-gradient(0deg,#d8cfb9 0 1px,#f2ebda 1px 3px,#c2b59b 3px 3.5px);border:1px solid #a79b81;border-radius:0 4px 5px 0;box-shadow:5px 6px 0 #2d4643;transform:skewY(2deg)}
.book-marker{position:absolute;right:-40px;z-index:0;padding:6px 7px 6px 20px;background:#b7842c;color:#fff2d4;font:11px AtlasMono,monospace;border:1px solid #956922;border-radius:0 4px 4px 0;box-shadow:0 2px 2px #172b2f40}
.marker-controls{top:83px}.marker-transactions{top:161px;background:#457b74;border-color:#315f58}
#reader{border-bottom:7px solid #b7ad96;box-shadow:0 2px #f3edde,0 4px #b7ad96,0 6px #f3edde,0 8px #b7ad96,0 10px #294a44,0 0 100px #0e222b80}
.plate-number{font-size:clamp(55px,6vw,95px)}
.inspection-badge{position:absolute;z-index:6;transform:translateX(-50%);max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--ink);color:var(--paper);border-radius:2px;padding:4px 7px;font:10px AtlasMono,monospace;pointer-events:none}
.inspection-reticle{position:absolute;z-index:5;width:13px;height:13px;transform:translate(-50%,-50%);border:1px solid #a9792e;border-radius:50%;box-shadow:0 0 0 2px #f3f0e780;pointer-events:none}
#inspection-help{color:#6b775f;font-size:9px}
#inspect[aria-pressed="true"]{border-color:#739287;background:#dce5d9}
.is-inspecting #pins{visibility:hidden}
#contents-links{grid-template-rows:repeat(2,minmax(0,1fr))}
#contents-links b{min-width:88px;font-size:18px}
.figure-footer--hint{justify-content:center}
@media(min-width:901px){.note-list{--notes:8}.note{padding:6px 0}.note strong{font-size:14px}.note span span{font-size:13px}.figure-footer{gap:6px;font-size:9px}}
@container(height < 465px){.note-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:30px;gap:5px}.note{display:flex;position:static;align-items:center;justify-content:center;height:30px;min-height:30px;padding:0;border:1px solid var(--rule)}.note>b{padding:0}.note.is-current{background:var(--ink);border-color:var(--ink)}.note.is-current>b{color:var(--paper)}.note>span,.note.is-current>span{display:none;position:absolute;top:106px;left:0;right:0;pointer-events:none}.note.is-current>span{display:block}.note strong{font-size:16px}.note span span{font-size:14px;line-height:1.4}}
@media(max-width:900px){#inspection-help{display:none}.note-list{grid-template-columns:repeat(var(--notes),minmax(0,1fr));grid-template-rows:30px;gap:4px}.note>span,.note.is-current>span{top:64px}.controls{flex-wrap:wrap}.controls button{padding:8px 9px;font-size:11px}.plate-body{grid-template-rows:minmax(0,1fr) 173px}.figure-footer{font-size:8px}.reader-footer{gap:6px}.spread-nav{gap:8px}#contents-links{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}
@media(max-height:600px){#desk{gap:10px;padding:15px}#open-book{width:225px;height:285px;margin-bottom:22px}.book-cover{padding:15px}.book-cover strong{font-size:24px;margin-top:16px}.book-spine{width:35px;padding:14px 10px}.book-edition,.book-bottom{font-size:8px}.cover-drawing{font-size:24px}#desk h1{font-size:20px}#desk p{font-size:14px}}
@media(min-width:480px) and (max-height:420px){.note.is-current span span{display:none}.plate-tools #read-note{display:block}.plate-tools{gap:4px}.plate-tools button{padding:4px 5px;font-size:9px;min-height:27px}.note>span{top:55px}.note strong{font-size:15px}}
@media(min-width:480px) and (max-height:540px){.plate-body{grid-template-rows:minmax(0,1fr)}.note>span,.note.is-current>span{top:62px}.controls{flex-wrap:nowrap}#inspect{padding-left:6px;padding-right:6px}.spread-nav span{font-size:10px}#inspection-help{display:none}}
@media(max-width:640px){.controls{display:flex;flex-wrap:wrap}.controls button,#overview{flex:1 1 auto;min-width:0;font-size:10px;padding:7px 8px;min-height:32px;letter-spacing:0;gap:4px}#overview{font-size:10px;padding:7px 8px}}
@media(min-width:480px) and (max-width:640px) and (max-height:420px){.reader-footer{flex-wrap:wrap;padding-top:5px;gap:3px}.controls{width:100%;flex-wrap:nowrap;gap:4px}.controls button,#overview{font-size:9px;padding:5px;min-height:27px}.spread-nav{width:100%;justify-content:space-between}.spread-nav button{min-height:25px;height:25px;font-size:18px}.operation{padding:4px 0}.operation p{min-height:25px;font-size:12px}.plate-tools{gap:3px}}