/* 틀 「발랄한 · 파스텔」(2026-11-04, 참고 N1 — 네일·속눈썹·소품 가게) — 크림 바탕 · 연한 띠에 파스텔 낙서 무늬 + 크림 글 상자 · 명조 제목 · 먹색 단추 · 연어색 진한 띠(글은 짙게). 공통 = tpl.css */
:is(body.pg,.cust body)[data-look=play]{
  --t-bg:#FBF6EE; --t-ink:#2B2622; --t-sub:#5A524B; --t-line:rgba(43,38,34,.16); --t-soft:#E2DAD6; --t-card:#FFFDF9;
  --t-glass:rgba(255,253,249,.85); --t-glass-line:rgba(43,38,34,.1); --t-shadow:rgba(43,38,34,.14);
  --t-band:#E8AC9F; --t-band-ink:#2B2622; --t-btn:#2B2622; --t-btn-ink:#FBF6EE; --t-r:4px;
  --t-dw:400; --t-ls:-.01em; --t-name:clamp(52px,14vw,104px); --t-name-xl:clamp(88px,8vw,136px); --t-name-lh:1; --t-name-sm:36px;
  --t-title:clamp(32px,5vw,64px); --t-title-l:clamp(38px,6.4vw,84px); --t-h2:28px;
  --t-doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke-linecap='round' stroke-width='9'%3E%3Cpath d='M20 60c30-30 60 30 90 0s60 30 90 0' stroke='%23F2A7B5'/%3E%3Cpath d='M200 250c20-40 60-10 80-50' stroke='%23B8C96A'/%3E%3Cpath d='M30 230c10-30 50-30 60 0s50 30 60 0' stroke='%239FCFE0'/%3E%3Cpath d='M250 110c-10 20 10 30 0 50' stroke='%23D58BE6'/%3E%3C/g%3E%3Cpath d='M230 40c25-10 55 5 50 35s-40 35-60 20-15-45 10-55z' fill='%232F6DB5'/%3E%3Ccircle cx='150' cy='170' r='22' fill='%23E8B84A'/%3E%3Cpath d='M60 120c20-15 50 0 45 25s-35 30-50 15-15-30 5-40z' fill='%23C9A5E8'/%3E%3Crect x='170' y='70' width='26' height='26' rx='4' transform='rotate(20 183 83)' fill='%23CDB8F0'/%3E%3Ccircle cx='120' cy='290' r='12' fill='%23E2683A'/%3E%3Cpath d='M262 268c15-5 30 5 25 20s-25 15-32 5 0-20 7-25z' fill='%23E88A9A'/%3E%3Ccircle cx='290' cy='200' r='9' fill='%2390D1C0'/%3E%3C/svg%3E");
}
/* 연한 띠 = 낙서 무늬 위에 크림 글 상자(참고처럼 — 글은 상자 안이라 무늬가 글을 가리지 않음) */
:is(body.pg,.cust body)[data-look=play] .pg-main>.pg-custom[data-sec-bg=soft]{background:var(--t-soft) var(--t-doodle) center/280px repeat}
:is(body.pg,.cust body)[data-look=play] .pg-custom[data-sec-bg=soft]:not([data-sec-layout=overlay]) .pg-custom-copy,:is(body.pg,.cust body)[data-look=play] .pg-custom.no-image[data-sec-bg=soft] .pg-custom-copy{background:var(--t-card);padding:24px 26px;border-radius:var(--t-r);box-shadow:0 10px 30px -18px var(--t-shadow)}
:is(body.pg,.cust body)[data-look=play] .pg-custom[data-sec-bg=soft] .pg-custom-copy:not(:has(h2,p,a,.pg-custom-action,.pg-ph)){display:none}
:is(body.pg,.cust body)[data-look=play] .btn{letter-spacing:.04em}
:is(body.pg,.cust body)[data-look=play] .btn.grad{box-shadow:none;border-radius:999px}
/* 구역 단추 = 밑줄 글(참고의 「HOW TO BOOK」) · 주 단추는 먹색 알약 그대로 — 단추 규칙보다 뒤 · 더 좁게. 사진 위 글(overlay)은 흰 단추 그대로(어두운 사진에서 안 보이지 않게) */
:is(body.pg,.cust body)[data-look=play] .pg-custom:is(:not([data-sec-layout=overlay]),.no-image) .pg-custom-action{background:transparent;color:var(--t-ink);border:0;border-bottom:2px solid currentColor;border-radius:0;padding:4px 2px;letter-spacing:.08em;box-shadow:none}
:is(body.pg,.cust body)[data-look=play] .pg-custom[data-sec-bg=dark]:is(:not([data-sec-layout=overlay]),.no-image) .pg-custom-action{background:transparent;color:var(--t-band-ink);border-color:var(--t-band-ink)}
/* 진한 띠(연어색)는 글이 짙음 — 빈 칸 안내문도 짙게 */
:is(body.pg,.cust body)[data-look=play] .pg-custom[data-sec-bg=dark] .pg-ph{color:var(--t-band-ink);opacity:1}