.pd-wrap{container-type:inline-size}.pd{background:var(--pd-bg);color:var(--pd-ink);border-radius:22px;padding:26px 20px 44px;font-family:Noto Sans JP,sans-serif;position:relative;overflow:hidden}@container (min-width:760px){.pd{padding:48px 56px 72px}}.pd-head{z-index:1;gap:22px;display:grid;position:relative}.pd-head-text{position:relative}.pd-has-mascot .pd-head-text{padding-right:clamp(64px,17cqi,150px)}.pd-meta{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px;display:flex}.pd-date{letter-spacing:.06em;opacity:.75;font-family:Fredoka,sans-serif;font-size:13px}.pd-label{border:1.5px solid var(--pd-accent);color:var(--pd-ink);border-radius:999px;padding:3px 11px;font-size:11.5px}.pd-title{letter-spacing:.02em;color:var(--pd-head);line-break:strict;overflow-wrap:anywhere;word-break:auto-phrase;text-wrap:balance;margin:0;font-size:clamp(24px,6.2cqi,46px);line-height:1.38}.pd-title--rounded{font-family:Zen Maru Gothic,sans-serif;font-weight:900}.pd-title--mincho{font-family:Zen Old Mincho,Noto Serif JP,serif;font-weight:700}.pd-tt--ribbon span{background:linear-gradient(transparent 60%, color-mix(in srgb, var(--pd-accent2) 70%, transparent) 60%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}.pd-tt--underline span{-webkit-text-decoration:underline wavy var(--pd-accent2);text-decoration:underline wavy var(--pd-accent2);text-underline-offset:.28em;text-decoration-thickness:.07em}.pd-tt--outline span{text-shadow:.06em .06em 0 var(--pd-accent2)}.pd-sub{opacity:.88;margin:14px 0 0;font-size:15px;line-height:1.9}.pd-mascot{z-index:2;filter:drop-shadow(0 6px 10px #0b15402e);width:clamp(64px,16cqi,148px);height:auto;position:absolute;top:-4px;right:-2px;transform:rotate(7deg)}.pd-photo{display:block;position:relative}.pd-photo img{background:color-mix(in srgb, var(--pd-ink) 8%, transparent);width:100%;height:auto;display:block}.pd-hero img{aspect-ratio:16/10;object-fit:cover}.pd-frame--rounded .pd-photo img{border-radius:16px}.pd-frame--polaroid .pd-photo{background:#fff;padding:8px 8px 24px;transform:rotate(-1.4deg);box-shadow:0 8px 22px #0b154024}.pd-frame--polaroid .pd-gallery .pd-photo:nth-child(2n),.pd-frame--polaroid .pd-figure:nth-of-type(2n) .pd-photo{transform:rotate(1.6deg)}.pd-frame--washi .pd-photo img{border-radius:4px;box-shadow:0 6px 16px #0b15401f}.pd-frame--washi .pd-photo:before{content:"";z-index:1;background:color-mix(in srgb, var(--pd-accent2) 72%, transparent);width:min(96px,34%);height:22px;margin-left:min(-48px,-17%);position:absolute;top:-10px;left:50%;transform:rotate(-4deg)}.pd-frame--circle .pd-photo img{aspect-ratio:1;object-fit:cover;border-radius:50%}.pd-frame--circle .pd-hero{justify-self:center;width:min(100%,420px)}.pd-body{z-index:1;max-width:680px;margin:30px auto 0;position:relative}.pd-text{white-space:pre-line;line-break:strict;overflow-wrap:anywhere;margin:0 0 1.15em;font-size:15.5px;line-height:2.05}.pd-h2{color:var(--pd-head);align-items:center;gap:10px;margin:1.9em 0 .75em;font-family:Zen Maru Gothic,sans-serif;font-size:clamp(18px,3.6cqi,23px);font-weight:700;display:flex}.pd-h2:before{content:"";background:var(--pd-accent2);clip-path:polygon(50% 0,100% 38%,78% 100%,22% 100%,0 38%);flex:none;width:13px;height:13px}.pd-figure{margin:1.7em 0}.pd-figure figcaption{opacity:.75;text-align:center;margin-top:10px;font-size:12.5px}.pd-gallery{grid-template-columns:repeat(2,1fr);gap:12px;margin:1.7em 0;display:grid}.pd-gallery img{aspect-ratio:4/3;object-fit:cover}@container (min-width:760px){.pd-gallery{grid-template-columns:repeat(3,1fr);gap:16px}}.pd-info{background:var(--pd-surface);border:2px dashed color-mix(in srgb, var(--pd-accent) 45%, transparent);border-radius:16px;gap:10px;margin:1.7em 0;padding:18px 22px;display:grid}.pd-info div{grid-template-columns:6.5em 1fr;gap:12px;display:grid}.pd-info dt{font-family:Zen Maru Gothic,sans-serif;font-size:13.5px;font-weight:700}.pd-info dt:before{content:"◆ ";color:var(--pd-accent)}.pd-info dd{white-space:pre-line;margin:0;font-size:14.5px;line-height:1.8}.pd-quote{border-left:4px solid var(--pd-accent2);margin:1.8em 0;padding:4px 0 4px 20px;font-family:Zen Old Mincho,Noto Serif JP,serif}.pd-quote p{margin:0;font-size:17px;line-height:2}.pd-quote cite{opacity:.75;margin-top:8px;font-size:13px;font-style:normal;display:block}.pd-callout{background:var(--pd-surface);box-shadow:inset 5px 0 0 var(--pd-accent);white-space:pre-line;border-radius:14px;margin:1.6em 0;padding:16px 20px;font-size:14.5px;line-height:1.95}.pd-cta-row{text-align:center;margin:2em 0 0}.pd-cta{background:var(--pd-surface);color:var(--pd-ink);border:2px solid var(--pd-accent);border-radius:999px;padding:13px 28px;font-family:Zen Maru Gothic,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.pd-cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0b154026}.pd-motif{pointer-events:none;opacity:.55;position:absolute;inset:0}.pd-motif svg{position:absolute}.pd-waves{pointer-events:none;width:100%;height:56px;position:absolute;bottom:0;left:0}.pd--hero .pd-head-text{text-align:center}.pd--hero.pd-has-mascot .pd-head-text,.pd--poster.pd-has-mascot .pd-head-text,.pd--collage.pd-has-mascot .pd-head-text{padding-left:clamp(64px,17cqi,150px);padding-right:clamp(64px,17cqi,150px)}.pd--hero .pd-meta{justify-content:center}@container (min-width:760px){.pd--hero .pd-hero img{aspect-ratio:21/9}.pd--magazine .pd-head{grid-template-columns:1fr 1.15fr;align-items:center;gap:40px}.pd--magazine .pd-hero img{aspect-ratio:4/3}.pd--magazine.pd-has-mascot .pd-head-text{padding-right:0}.pd--magazine .pd-mascot{top:auto;bottom:-22px;right:-12px}}.pd--collage .pd-head-text{text-align:center}.pd--collage .pd-meta{justify-content:center}.pd-collage{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.pd-collage img{aspect-ratio:1;object-fit:cover}.pd-collage-0{transform:rotate(-3deg)}.pd-collage-1{transform:rotate(2.5deg)translateY(10px)}.pd-collage-2{transform:rotate(1.5deg)}.pd-collage-3{transform:rotate(-2deg)translateY(8px)}@container (min-width:760px){.pd-collage{grid-template-columns:repeat(4,1fr);gap:20px}}.pd--poster .pd-head-text{text-align:center;padding:10px 0}.pd--poster .pd-meta{justify-content:center}.pd--poster .pd-title{font-size:clamp(30px,7.4cqi,64px);line-height:1.28}.pd--poster .pd-sub{font-size:clamp(15px,2.6cqi,19px)}.pd--poster .pd-body{background:var(--pd-surface);border-radius:22px;padding:24px 22px;box-shadow:0 10px 30px #0b154014}.pd--poster .pd-motif{opacity:.75}@container (min-width:760px){.pd--poster .pd-body{padding:36px 44px}}.pd--letter:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--pd-accent) 16%, transparent) 1px, transparent 1.5px) 0 0 / 18px 18px, var(--pd-surface);box-shadow:0 6px 22px #0b154014, inset 0 0 0 1px color-mix(in srgb, var(--pd-accent) 12%, transparent);border-radius:14px;position:absolute;inset:12px}.pd--letter{padding:40px 30px 52px}@container (min-width:760px){.pd--letter{padding:56px 64px 72px}}.pd--letter .pd-hero{justify-self:end;width:min(100%,360px);transform:rotate(2.5deg)}@container (min-width:760px){.pd--letter .pd-head{grid-template-columns:1fr 340px;align-items:start}.pd--letter.pd-has-mascot .pd-head-text{padding-right:0}.pd--letter .pd-mascot{top:auto;bottom:-28px;right:-14px;transform:rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.pd-cta{transition:none}}