.pd-page {
  --ink:#102f48;--blue:#0082b6;--muted:#496277;--line:#d7e7ef;
  background:#fff;color:var(--ink);font:400 clamp(14px,1.04vw,16px)/1.48 Inter,Arial,sans-serif;
}
.pd-page *, .pd-page *::before,.pd-page *::after {box-sizing:border-box;min-width:0}
#main .pd-page :is(p,figcaption,label,summary,button,input,textarea,a,dt,dd) {font-family:Inter,Arial,sans-serif!important}
.pd-page [hidden] {display:none!important}
.pd-page :is(h1,h2,h3,p,figure,dl,dd,ol,ul) {margin:0}
#main .pd-page :is(h1,h2,h3),#main .pd-page :is(h1,h2,h3) em {font-family:Inter,Arial,sans-serif!important;font-weight:690;letter-spacing:-.05em;color:var(--ink);line-height:1.1}
#main .pd-page :is(h1,h2,h3) em {color:var(--blue);font-style:normal}
.pd-page h1 {font-size:clamp(43px,4.8vw,70px)}
.pd-page h2 {font-size:clamp(24px,2.65vw,39px)}
.pd-page h3 {font-size:clamp(19px,2vw,28px)}
.pd-page p {color:var(--muted)}
.pd-page img {display:block;max-width:100%;height:auto}
.pd-page a {text-decoration:none;color:inherit}
.pd-page :is(input,button,textarea) {font:inherit}
.pd-page :is(button,summary) {cursor:pointer}
.pd-page :is(a,button,input,textarea,summary):focus-visible {outline:3px solid #007ead;outline-offset:3px}
.pd-page .pd-shell {width:min(88%,1400px);margin-inline:auto}
.pd-page .pd-mark {display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.09em;font-size:clamp(9px,.79vw,12px);font-weight:700;color:#0078a7;margin-bottom:12px}
.pd-page .pd-mark::after {content:'';width:clamp(30px,5vw,70px);height:1px;background:#b8d9e9}
.pd-page figcaption {font-size:.78em;line-height:1.35;color:var(--muted)}
.pd-page .pd-action,.pd-page .pd-note button {display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 17px;min-height:42px;color:white;background:linear-gradient(110deg,#008fbd,#0078a5);border:1px solid transparent;border-radius:2px;font-weight:650;font-size:.92em}
.pd-page .pd-action:hover,.pd-page .pd-note button:hover {background:#006d99}
.pd-page .pd-secondary {background:white;color:var(--ink);border-color:#c0dce8}
.pd-page .pd-secondary:hover {background:#edf7fb}
.pd-page .pd-entry {background:linear-gradient(105deg,#fff 28%,#f2f7fa);overflow:hidden}
.pd-page .pd-entry-inner {max-width:1690px;margin:auto;display:grid;grid-template-columns:46.5% 53.5%;align-items:center}
.pd-page .pd-entry-inner>div {padding:clamp(19px,2vw,32px) 0 clamp(18px,2vw,32px) 16.8%}
.pd-page .pd-entry-inner>img {width:100%;mask-image:linear-gradient(to right,transparent,#000 11%)}
.pd-page .pd-entry .pd-lead {font-size:clamp(17px,1.7vw,26px);line-height:1.23;color:var(--ink);font-weight:650;margin:8px 0}
.pd-page .pd-entry-copy,.pd-page .pd-entry-inner>div>p:not(.pd-lead,.pd-mark) {font-size:.92em}
.pd-page .pd-entry .pd-action {margin-top:14px}
.pd-page .pd-studio {display:grid;grid-template-columns:.79fr 1.56fr .89fr;gap:clamp(15px,2.3vw,34px);align-items:center;padding:clamp(20px,2.3vw,34px) 0 12px}
.pd-page .pd-studio>div:first-child {align-self:start;padding-top:7px}
.pd-page .pd-studio p:not(.pd-mark),.pd-page .pd-anatomy p:not(.pd-mark) {margin-top:12px;font-size:.95em}
.pd-page .pd-modes {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:90%;margin-inline:auto}
.pd-page .pd-modes button {border:1px solid #d5e4ec;background:#f6f9fb;color:var(--ink);min-height:36px;padding:6px 3px;font-size:.85em}
.pd-page .pd-modes button+button {border-left:0}
.pd-page .pd-modes button[aria-pressed=true] {color:white;background:var(--blue)}
.pd-page .pd-scene {position:relative;display:grid;align-content:center;aspect-ratio:1.68;background:#fafcfd}
.pd-page .pd-scene>img,.pd-page .pd-composite {width:100%;height:100%;object-fit:contain}
.pd-page .pd-scene figcaption {position:absolute;bottom:2px;left:4px;background:#ffffffd9;padding:2px 6px;font-size:.70em}
.pd-page .pd-mode-copy {border-left:1px solid #bcd7e5;padding-left:clamp(14px,2vw,30px)}
.pd-page .pd-sketch {display:block;width:min(130px,70%);height:auto;aspect-ratio:150/118;margin:8px auto 0;stroke:none}
.pd-page .pd-studio h2 {font-size:clamp(21px,2.16vw,32px)}
.pd-page .pd-measure {background:linear-gradient(115deg,#f7fafc,#fff)}
.pd-page .pd-measure-grid {display:grid;grid-template-columns:.48fr 1fr;gap:clamp(20px,3vw,42px);align-items:center;padding-block:15px}
.pd-page .pd-measure figure {text-align:center}
.pd-page .pd-measure img {width:100%;height:clamp(155px,17vw,235px);object-fit:contain}
.pd-page .pd-measure figcaption {margin-top:4px}
.pd-page .pd-measure p:not(.pd-mark) {margin:8px 0 14px;max-width:68ch}
.pd-page .pd-measure dl {display:grid;grid-template-columns:repeat(3,1fr)}
.pd-page .pd-measure dl>div {border-left:1px solid #b5d7e6;padding-left:13px}
.pd-page .pd-measure dt {font-size:.78em;color:var(--muted)}
.pd-page .pd-measure dd {font:500 clamp(28px,3.3vw,48px)/1.12 Inter,Arial,sans-serif;color:var(--blue)}
.pd-page .pd-measure dd small {font-size:.46em}
.pd-page .pd-archive {display:grid;grid-template-columns:1.3fr 1.15fr .73fr .85fr;gap:clamp(9px,1.65vw,23px);align-items:center;padding-block:20px}
.pd-page .pd-archive p:not(.pd-mark) {margin:8px 0;font-size:.93em}
.pd-page .pd-archive h3 {font-size:1.12em}
.pd-page .pd-archive figure img {width:100%;height:clamp(115px,13vw,180px);object-fit:cover;border-radius:4px}
.pd-page .pd-archive figure:nth-child(3) img {object-fit:contain;background:#f5f8f9}
.pd-page .pd-archive figcaption {margin-top:3px}
.pd-page .pd-link {color:#0072a2;font-weight:650;font-size:.93em}
.pd-page .pd-anatomy {display:grid;grid-template-columns:1fr 1.12fr .86fr;align-items:center;gap:clamp(18px,2.6vw,38px);border-top:1px solid var(--line);padding-block:15px}
.pd-page .pd-anatomy-model {position:relative}
.pd-page .pd-anatomy-model img {width:100%}
.pd-page .pd-anatomy-model .pd-outline {position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pd-page .pd-anatomy-model button {position:absolute;transform:translate(-50%,-50%);border:1px solid #5fabc9;border-radius:50%;background:white;color:#006d94;font-size:12px;font-weight:700;width:32px;height:32px}
.pd-page .pd-anatomy-model button::after {content:'';position:absolute;inset:-7px;border-radius:50%}
.pd-page .pd-anatomy-model button[aria-pressed=true] {background:var(--blue);color:white;box-shadow:0 0 0 4px #9edaf679}
.pd-page .pd-site {display:grid;grid-template-columns:1.45fr 1fr;align-items:center;background:#f5fafd}
.pd-page .pd-site figure {position:relative;align-self:stretch}
.pd-page .pd-site figure img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pd-page .pd-site figcaption {position:absolute;bottom:6px;left:12px;padding:3px 6px;background:#fffef0df}
.pd-page .pd-site-copy {padding:18px clamp(18px,3vw,48px)}
.pd-page .pd-site-copy p {font-size:.92em;margin:6px 0}
.pd-page .pd-checks {display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;margin:8px 0}
.pd-page .pd-checks label {display:flex;align-items:center;gap:6px;font-size:.85em;line-height:1.22;min-height:28px;cursor:pointer}
.pd-page .pd-checks input {appearance:none;flex:none;width:16px;height:16px;margin:0;background:white;border:1px solid #78a9bb;border-radius:2px;cursor:pointer}
.pd-page .pd-checks input:checked {background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E") center/14px no-repeat}
.pd-page summary {cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;min-height:42px;font-weight:650}
.pd-page summary::-webkit-details-marker {display:none}
.pd-page summary::after {content:'+';color:var(--blue);font-size:1.3em}
.pd-page details[open]>summary::after {content:'−'}
.pd-page .pd-note {border-block:1px solid var(--line);margin:6px 0 12px}
.pd-page .pd-note label {display:grid;font-size:.88em;gap:4px;margin-bottom:8px}
.pd-page .pd-note :is(input,textarea) {color:var(--ink);width:100%;padding:8px;border:1px solid #b6d2df;border-radius:3px;background:white;min-height:42px}
.pd-page .pd-note textarea {resize:vertical}
.pd-page .pd-note button:disabled {opacity:.5;cursor:default}
.pd-page .pd-note [role=status] {font-size:.85em;display:block}
.pd-page .pd-relation {display:grid;grid-template-columns:.77fr 1.7fr;gap:25px;align-items:center;padding-block:24px}
.pd-page .pd-relation ol {padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #9cc6d9}
.pd-page .pd-relation li {padding:9px 9px 0 0}
.pd-page .pd-relation li small {color:var(--blue);font-weight:bold}
.pd-page .pd-relation h3 {font-size:1.04em;margin:4px 0}
.pd-page .pd-relation li p {font-size:.87em}
.pd-page .pd-original {grid-column:1/-1;border-top:1px solid var(--line);font-size:.92em}
.pd-page .pd-original p {margin:0 0 6px}
.pd-page .pd-end {display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(18px,4vw,64px);padding:17px 0 24px;border-top:1px solid var(--line)}
.pd-page .pd-end details {border-bottom:1px solid var(--line)}
.pd-page .pd-end details p {margin:0 0 10px;font-size:.93em}
.pd-page .pd-end nav ul {display:grid;grid-template-columns:repeat(3,1fr);gap:11px;list-style:none;padding:0}
.pd-page .pd-end nav a {display:block;font-size:.9em}
.pd-page .pd-end nav img {width:100%;height:clamp(43px,5.7vw,82px);background:#f1f6f9;object-fit:contain}
.pd-page .pd-end nav b {display:block;margin:5px 0}
.pd-page .pd-end nav span:not(.pb-arrow) {display:block;color:var(--muted);font-size:.85em}
.pd-page .pd-end nav a:hover b {color:var(--blue)}
.pd-page .pd-closing {background:linear-gradient(125deg,#fff 7%,#e9f6fc 7%,#f5fafd 92%,#e6f2f8 92%)}
.pd-page .pd-closing>div {display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:22px;padding-block:20px}
.pd-page .pd-closing p {margin-top:7px}
.pd-page .pd-closing>div>div:last-child {display:grid;gap:6px}
@media(max-width:850px) and (min-width:701px) {
 .pd-page .pd-shell {width:94%}
 .pd-page .pd-studio {grid-template-columns:.82fr 1.42fr .9fr;gap:12px}
 .pd-page .pd-site {grid-template-columns:1fr 1fr}
}
@media(max-width:700px) {
 .pd-page .pd-shell {width:calc(100% - 36px)}
 .pd-page .pd-entry-inner,.pd-page .pd-studio,.pd-page .pd-anatomy,.pd-page .pd-site,.pd-page .pd-relation,.pd-page .pd-end,.pd-page .pd-closing>div {grid-template-columns:1fr;gap:12px}
 .pd-page .pd-entry-inner>div {padding:22px 18px 0}
 .pd-page .pd-entry-inner>img {max-height:247px;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 8%)}
 .pd-page .pd-studio {padding-block:20px}
 .pd-page .pd-studio>div:first-child {padding:0}
 .pd-page .pd-modes button {min-height:44px}
 .pd-page .pd-modes {width:100%}
 .pd-page .pd-mode-copy {padding-left:12px}
 .pd-page .pd-mode-copy>div {position:relative;padding-right:72px}
 .pd-page .pd-sketch {width:70px;position:absolute;right:0;top:2px}
 .pd-page .pd-measure-grid {grid-template-columns:85px 1fr;gap:10px}
 .pd-page .pd-measure img {height:auto}
 .pd-page .pd-measure dl>div {padding-left:5px}
 .pd-page .pd-measure dt {font-size:10px}
 .pd-page .pd-archive {grid-template-columns:1fr 1fr;gap:10px}
 .pd-page .pd-archive>div:first-child,.pd-page .pd-archive>div:last-child {grid-column:1/-1}
 .pd-page .pd-archive figure img {height:140px}
 .pd-page .pd-anatomy-model {max-width:340px;width:100%;margin:auto}
 .pd-page .pd-site-copy {padding:7px 18px 18px}
 .pd-page .pd-site figure img {position:static;height:auto}
 .pd-page .pd-checks label {min-height:44px}
 .pd-page .pd-relation ol {grid-template-columns:1fr}
 .pd-page .pd-relation li {border-bottom:1px solid var(--line);padding:9px 0}
 .pd-page .pd-end nav ul {grid-template-columns:1fr 1fr}
 .pd-page .pd-end nav img {height:70px}
 .pd-page summary,.pd-page .pd-action {min-height:44px}
}
@media(prefers-reduced-motion:reduce) {.pd-page * {scroll-behavior:auto!important;transition:none!important}}