/* A facing-page spread. Only the anatomical plate carries the tissue tint. */
:root {
  --folio-paper:#fcfaf5;
  --folio-ink:#292720;
  --folio-secondary:#5e5b52;
  --folio-accent:#096d71;
  --folio-line:#d7d2c6;
}
.mast, .cover, .colophon {background:var(--folio-paper);color:var(--folio-ink)}
.mast {border-color:var(--folio-line)}
.mast nav a {font-weight:540}
.nav-apply {background:transparent;color:#103f60;border-color:#61808b}
.nav-apply:hover {background:#e0eeee}
.cover-page {
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  grid-template-areas:"plate copy";align-items:center;align-content:stretch;
  gap:clamp(34px,5vw,84px);min-height:0;padding:clamp(26px,3vw,48px) 0 26px;
}
.cover-art {
  position:relative;inset:auto;grid-area:plate;display:grid;
  grid-template-rows:minmax(0,1fr) auto;align-self:stretch;margin:0;width:100%;
}
.cover-art img[data-cover-image] {
  background:#e8dede;width:100%;height:clamp(340px,30.6vw,485px);
  object-fit:contain;object-position:center;mix-blend-mode:normal;mask-image:none;filter:none;
}
.cover-art img[src$="dental-plate.webp"] {
  background:transparent;object-fit:contain;object-position:center;
  padding:clamp(8px,1.25vw,20px);
}
.cover-art figcaption {
  justify-self:stretch;display:flex;align-items:baseline;justify-content:space-between;
  padding:7px 0 0;border:0;color:var(--folio-secondary);font-size:12px;letter-spacing:0;
}
.cover-art figcaption i {font:italic 14px/1.2 Georgia,serif;color:var(--folio-secondary)}
.cover-heading {grid-area:copy;position:static;min-width:0;align-self:center;padding-bottom:12px}
.cover-kicker {display:block;margin:0 0 clamp(23px,3vw,48px);color:var(--folio-ink);font-size:16px;letter-spacing:-.03em;font-weight:630}
.cover-kicker span {display:inline;margin-left:7px;padding-left:10px;border-left:1px solid #a9a295;background:transparent;width:auto;height:auto;position:static}
.cover-kicker span::before {display:none}
.cover-example-type {margin:0 0 9px;color:var(--folio-accent);font-size:12px;letter-spacing:.01em;font-weight:600}
.cover h1 {
  font-family:"Plate Serif","Batang",serif;font-size:clamp(43px,4.05vw,65px);
  font-weight:520;letter-spacing:-.075em;line-height:1.19;white-space:pre-line;color:var(--folio-ink);
}
.cover-example-facts {max-width:26em;margin:19px 0 0;color:var(--folio-secondary);font-size:16px;line-height:1.66;letter-spacing:-.023em}
.cover-actions {margin-top:26px;gap:14px 23px}
.cover .primary-link {padding:12px 16px;background:#103f60;border:1px solid #103f60;border-radius:2px}
.cover .primary-link:hover {background:#155374}
.cover .ink-link {min-height:44px;color:var(--folio-ink);font-size:13px;font-weight:540;text-decoration:underline;text-underline-offset:5px}
.atlas-rail {background:#f3f0e8;border-block:1px solid var(--folio-line)}
.atlas-shelf {grid-template-columns:98px minmax(0,1fr);gap:12px}
.atlas-shelf-head h2 {font-size:14px;font-weight:650}
.atlas-index {color:var(--folio-secondary)}
.atlas-index b {color:var(--folio-accent)}
.atlas-plates label {display:flex;align-items:center;justify-content:center;min-height:61px;padding:8px 3px}
.atlas-plates label::before {display:none}
.atlas-plates label > span {color:var(--folio-secondary);font-size:13px;white-space:nowrap}
.atlas-plates label img {display:none}
.atlas-plates label:has(input:checked) > span {color:var(--folio-ink);font-weight:700}
.atlas-plates label:has(input:checked)::after {left:9%;right:9%;background:var(--folio-accent)}
.atlas-plates label > span::before {display:none}

/* Set the finding with the archive controls, the same way as the case it belongs to. */
.archive {--archive-paper:var(--folio-paper);--archive-ink:var(--folio-ink);--archive-plum:#352f29;--archive-rose:var(--folio-accent);--archive-line:var(--folio-line);--archive-muted:var(--folio-secondary);padding-block:clamp(42px,5vw,78px)}
.archive-label::before {display:none}
.archive-label {color:var(--folio-accent);font-size:14px}
.archive-intro {align-items:end;gap:35px;margin:19px 0 30px}
.archive-intro h2 {font-family:Pretendard,sans-serif;line-height:1.13;font-size:clamp(37px,3.9vw,61px);font-weight:660;letter-spacing:-.075em}
.archive-intro p {max-width:28em}
.source-study {background:#eeeae0;color:var(--folio-ink);padding-block:clamp(38px,4.5vw,68px)}
.source-study-head {align-items:start}
.source-study-head h2 {font-size:clamp(30px,3vw,46px);color:var(--folio-ink);font-weight:550}
.qbook {--qb-paper:var(--folio-paper);--qb-ink:var(--folio-ink);--qb-plum:#3b302b;--qb-rose:var(--folio-accent);--qb-line:var(--folio-line)}
.qbook-heading h2 small {font:italic .45em/1 Georgia,serif;vertical-align:super;color:var(--folio-accent);letter-spacing:-.04em}
.faq {background:#f2efe7;color:var(--folio-ink)}
.faq .faq-group h3 {background:transparent;color:var(--folio-accent);border-bottom:2px solid #81796d;padding-left:0}
.application {background:#103b50}
.application .app-routes,.application .app-consult {border-color:#76979c}
.application .app-start {background:#e8f4f1;color:#104b58}
.application .app-start:hover {background:#d2eae5}
.application h2 {color:#fffaf0}
.practice-method {background:var(--folio-paper);--method-plum:#3f332d;--method-rose:var(--folio-accent)}
.practice-steps {display:block}
.practice-steps li {display:grid;grid-template-columns:1fr 1.7fr .65fr;align-items:baseline;gap:25px;padding:19px 0;border-bottom:1px solid var(--folio-line)}
.practice-steps li+li {padding-left:0;border-left:0}
.practice-steps h3 {margin:0;font-size:20px}
.practice-steps .practice-output {margin:0;padding:0;text-align:right}
.practice-steps .practice-output::before {content:none}
.international {background:var(--folio-paper);color:var(--folio-ink);padding:clamp(44px,6.5vw,100px) 0;border-bottom:1px solid var(--folio-line)}
.international-spread {display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(36px,7vw,120px)}
.international-intro h2 {margin:0 0 21px;font:520 clamp(34px,3.55vw,56px)/1.2 "Plate Serif","Batang",serif;letter-spacing:-.075em}
.international-intro p {max-width:27em;margin:0 0 13px;color:var(--folio-secondary);font-size:16px;line-height:1.7}
.international-intro a {display:inline-flex;align-items:center;gap:13px;min-height:44px;color:var(--folio-accent);font-size:14px;text-decoration:underline;text-underline-offset:5px}
.international-case {max-width:24em;margin-top:clamp(20px,3vw,44px);padding-top:15px;border-top:1px solid var(--folio-line)}
.international-case h3 {margin:0 0 6px;font-size:15px}
.international-case p {font-size:14px;margin:0}
.international-case a {min-height:38px}
.international-questions {min-width:0}
.international-questions h3 {margin:0;font-size:15px;font-weight:650}
.international-questions > h3 {padding-bottom:11px;border-bottom:2px solid var(--folio-ink)}
.international-questions details {border-bottom:1px solid var(--folio-line)}
.international-questions summary {display:grid;grid-template-columns:minmax(97px,.5fr) minmax(0,1.5fr) 18px;gap:8px;align-items:center;list-style:none;cursor:pointer;min-height:46px}
.international-questions summary::-webkit-details-marker {display:none}
.international-questions summary strong {font-size:14px;font-weight:620}
.international-questions summary span {font-size:13px;color:var(--folio-secondary)}
.international-questions summary::after {content:"+";justify-self:end;color:var(--folio-accent);font:19px/1 Georgia,serif}
.international-questions details[open] summary::after {content:"−"}
.international-questions details > div {padding:4px 8px 21px 0}
.international-questions details p {margin:0;font-size:14px;line-height:1.55;color:var(--folio-secondary)}
.international-questions details p[lang] {margin-bottom:6px;color:var(--folio-ink);font:400 clamp(23px,2.18vw,35px)/1.35 Georgia,"Microsoft YaHei","Yu Mincho",serif;letter-spacing:-.025em;word-break:normal;overflow-wrap:anywhere}
.international-questions aside {padding-top:20px;color:var(--folio-secondary)}
.international-questions aside h3 {color:var(--folio-accent);font-size:13px}
.international-questions aside p {margin:5px 0 0;font-size:14px;line-height:1.65}
@media (max-width:1000px) {
  .cover-page {gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cover h1 {font-size:clamp(36px,4.5vw,48px)}
  .cover-art img[data-cover-image] {height:clamp(290px,36vw,365px)}
  .cover-kicker {margin-bottom:20px}
  .cover-example-facts {font-size:14px}
  .atlas-plates label {gap:2px}
  .atlas-plates label img {width:36%}
}
@media (max-width:700px) {
  .cover-page {grid-template-columns:minmax(0,1fr);grid-template-areas:"plate" "copy";width:calc(100% - 40px);gap:17px;padding:16px 0 23px}
  .cover-art {display:grid;align-self:stretch;justify-self:stretch;width:100%;margin:0}
  .cover-art img[data-cover-image] {height:clamp(176px,48vw,280px);object-position:50% 49%}
  .cover-art img[src$="dental-plate.webp"] {height:auto;aspect-ratio:3/2;object-position:center}
  .cover-art figcaption {font-size:10px;padding-top:4px}
  .cover-art figcaption i {font-size:12px}
  .cover-heading {width:100%;padding:0;position:relative}
  .cover-kicker {font-size:12px;margin:0 0 8px}
  .cover-example-type {position:absolute;right:0;top:0;margin:0;font-size:11px}
  .cover h1 {font-size:clamp(33px,8vw,47px)}
  .cover-example-facts {max-width:36em;margin-top:10px;line-height:1.57}
  .cover-actions {margin-top:13px}
  .navrow {gap:6px}
  .atlas-shelf {display:block}
  .atlas-shelf-head {display:flex;align-items:baseline;padding:7px 0 0}
  .atlas-shelf-head > div:first-child {display:flex;align-items:baseline;gap:8px}
  .atlas-shelf-head h2 {font-size:12px}
  .atlas-rail-controls:not([hidden]) {display:none}
  .atlas-plates {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:4px 0 7px;overflow:visible}
  .atlas-plates label {display:flex;justify-content:flex-start;min-height:42px;padding:2px}
  .atlas-plates label > span {font-size:12px}
  .atlas-plates label:has(input:checked)::after {left:0;right:14%;bottom:0}
  .archive-intro {display:grid;gap:15px;margin-block:16px 20px}
  .archive-intro h2 {font-size:clamp(32px,7.2vw,43px)}
  .international-spread {grid-template-columns:minmax(0,1fr);gap:22px}
  .international-intro h2 {margin-bottom:12px}
  .international-intro p {font-size:15px}
  .archive-meta {gap:6px}
  .archive-meta time {padding-left:6px}
  .source-study-head {grid-template-columns:minmax(0,1fr)}
  .practice-steps li {grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:16px 0}
  .practice-steps h3 {font-size:18px}
  .practice-steps p {grid-row:2;grid-column:1 / -1}
  .practice-steps .practice-output {font-size:12px;text-align:left}
}