body[data-page=R03] main [id]{scroll-margin-top:118px}
.artwork-hero-media{aspect-ratio:1 / 1.06}
.artwork-file-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--color-line)}
.artwork-file-cards article{padding:30px;min-width:0;display:grid;grid-template-rows:auto subgrid;grid-row:span 3;gap:0}
.artwork-file-cards article+article{border-left:1px solid var(--color-line)}
.artwork-file-mark{font-size:12px;color:var(--color-primary);margin-bottom:26px;display:block}
.artwork-file-cards h3{font-size:22px;line-height:1.35;margin:0 0 15px;letter-spacing:-.025em}
.artwork-file-cards p{font-size:15px;line-height:1.8;margin:0}
.artwork-start-note{display:flex;align-items:center;gap:20px;padding:25px 0 0;max-width:900px}
.artwork-start-note>span{display:grid;place-items:center;flex:0 0 40px;height:40px;background:var(--color-surface-blue);color:var(--color-ink);font-size:23px}
.artwork-start-note p{font-size:14px;line-height:1.8;margin:0}
.artwork-placement-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:start}
.artwork-diagram{min-width:0;margin:0;background:#e8eef2;border:1px solid #d5e0e7;padding:22px 24px}
.artwork-diagram-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}
.artwork-diagram svg{width:100%;height:auto;display:block;margin:5px 0 0}
.artwork-diagram figcaption{font-size:12px;line-height:1.8;border-top:1px solid #c7d4dd;padding-top:16px;color:var(--color-muted)}
.artwork-detail-list{margin:0}.artwork-detail-list>div{padding:18px 0;border-bottom:1px solid var(--color-line)}.artwork-detail-list>div:first-child{padding-top:0}
.artwork-detail-list dt{font-size:19px;line-height:1.5;color:var(--color-ink);font-weight:500;margin-bottom:7px}
.artwork-detail-list dd{font-size:15px;line-height:1.8;margin:0}
.artwork-help-note{font-size:14px;line-height:1.8;margin:20px 0 0;color:var(--color-ink)}
.artwork-reference-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;margin-top:52px;padding-top:40px;border-top:1px solid var(--color-line)}
.artwork-reference-media{aspect-ratio:1.7}.artwork-reference-strip h3{font-size:26px;max-width:380px;margin-bottom:15px;line-height:1.25}.artwork-reference-strip p{font-size:15px;line-height:1.8;max-width:420px;margin-bottom:20px}
.artwork-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.artwork-color-grid article{min-width:0}
.artwork-color-media{aspect-ratio:1.65}.artwork-color-grid h3{font-size:25px;margin:25px 0 12px;line-height:1.3}.artwork-color-grid p{font-size:15px;line-height:1.8;margin:0;max-width:550px}
.artwork-sample{background:#f1f4f6}.artwork-sample-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:8%;align-items:start}
.artwork-sample h2{font-size:clamp(34px,3.4vw,48px);margin-bottom:24px;line-height:1.16}
.artwork-section-lead{font-size:16px;line-height:1.8;max-width:590px}
.artwork-sample-media{aspect-ratio:4 / 5}.artwork-sample-steps{list-style:none;padding:0;margin:30px 0 24px}
.artwork-sample-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:18px;padding:18px 0;border-top:1px solid var(--color-line)}
.artwork-sample-steps li>span{font-size:12px;color:var(--color-primary);padding-top:3px}.artwork-sample-steps h3{font-size:18px;line-height:1.5;margin:0 0 5px}.artwork-sample-steps p{font-size:14px;line-height:1.8;margin:0}
.artwork-file-faq .artwork-preview-note{margin-top:15px;font-size:13px;color:var(--color-muted);border-left:2px solid #c4d0e4;padding-left:14px}
@media(min-width:761px){.artwork-file-cards{grid-template-rows:auto auto auto}.artwork-file-cards article{grid-template-rows:subgrid}}
@media(max-width:1100px){.artwork-hero h1{font-size:52px}.artwork-file-cards article{padding:24px}.artwork-file-cards h3{font-size:20px}.artwork-placement-layout,.artwork-reference-strip{gap:5%}.artwork-diagram{padding:20px 16px}.artwork-detail-list>div{padding-block:14px}.artwork-detail-list dt{font-size:18px}.artwork-detail-list dd{font-size:14px}.artwork-sample-layout{gap:6%}.artwork-sample h2{font-size:38px}}
@media(max-width:760px){body[data-page=R03] main [id]{scroll-margin-top:100px}.artwork-hero h1{font-size:46px}.artwork-hero-media{aspect-ratio:1.15}.artwork-file-cards{grid-template-columns:1fr;grid-template-rows:none}.artwork-file-cards article{display:block;padding:26px;grid-row:auto}.artwork-file-cards article+article{border-left:0;border-top:1px solid var(--color-line)}.artwork-file-mark{margin-bottom:15px}.artwork-file-cards h3{font-size:23px}.artwork-file-cards p{font-size:16px}.artwork-start-note{align-items:start;gap:15px}.artwork-placement-layout,.artwork-reference-strip,.artwork-sample-layout{grid-template-columns:1fr;gap:30px}.artwork-diagram{padding:20px}.artwork-detail-list>div{padding-block:20px}.artwork-detail-list dt{font-size:20px}.artwork-detail-list dd,.artwork-reference-strip p{font-size:16px}.artwork-reference-strip{margin-top:36px;padding-top:32px}.artwork-reference-strip h3{font-size:27px}.artwork-color-grid{grid-template-columns:1fr;gap:38px}.artwork-color-grid h3{font-size:25px;margin-top:22px}.artwork-color-grid p{font-size:16px}.artwork-color-media{aspect-ratio:1.4}.artwork-sample h2{font-size:34px}.artwork-sample-steps h3{font-size:19px}.artwork-sample-steps p{font-size:16px}.artwork-sample-media{aspect-ratio:1.15}}
@media(max-width:380px){.artwork-hero h1{font-size:41px}.artwork-diagram{padding:16px 10px}.artwork-diagram-label{font-size:10px}.artwork-diagram figcaption{padding-inline:6px}.artwork-sample h2{font-size:31px}.artwork-file-cards article{padding:22px}.artwork-color-grid h3{font-size:23px}}
