/* S27 피부과마케팅 · T02 — palette from the six gallery images (see palette.json) and the 1440px content limit. */
:root{--plum:#471947;--violet:#6c4c8b;--lavender:#dfc2de;--lavender-soft:#f6eff6;--orange:#e97e3f}
body{background:#fff}
/* Content never wider than 1440px at 1920: shell = 1440 + 40px gutters (template gutter kept). */
.template-02 .site-shell{max-width:1520px}
@media(max-width:1100px){.template-02 .site-shell{max-width:none}}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--orange)}
.theme-split .hero .button span{color:var(--orange)}
.theme-split .hero{background:var(--violet)}
.theme-split .search-form button,.theme-split .topic-nav a[aria-current]{background:var(--plum);border-color:var(--plum)}
/* Link line for the service topic without its own gallery picture (kept small, under the six posters). */
.gallery-more{grid-column:1/-1;margin:-6px 0 0;font-size:13px;line-height:1.6;color:#6d5f70}
.gallery-more a{color:var(--violet);font-weight:700;border-bottom:1px solid currentColor;padding-bottom:1px}
.gallery-more a:hover{color:var(--plum)}
/* Detail pages keep the template's reading layout with the S27 colours. */
.detail-page .solid{background:var(--plum)}
.detail-page .solid:hover{background:var(--violet);color:#fff}
.detail-page .cover-card[aria-current] .cover-caption{color:var(--violet)}
.detail-page .reading .back,.detail-page .section-label{color:var(--violet)}
/* Site-shaped 404 */
.not-found{max-width:760px;margin:0 auto;padding:110px 0 130px}
.not-found .section-label{display:block;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--violet);margin-bottom:18px}
.not-found h1{font-size:clamp(32px,4vw,52px)}
.not-found>p{font-size:17px;margin:22px 0 34px}
.not-found-links{display:flex;flex-wrap:wrap;align-items:center;gap:26px}
.not-found .button{background:var(--violet)}
@media(max-width:760px){.not-found{padding:60px 0 80px}.gallery-more{margin:0;font-size:12px}}