/* Public detail pages share the frontend theme and preference. */
.public-detail .member-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100% - 1200px)/2));border-bottom:1px solid var(--line);background:var(--header)}
.detail-brand .logo{width:160px;height:64px;object-fit:contain}
.detail-nav{display:flex;align-items:center;gap:24px;font-size:14px}
.published-page{max-width:900px;margin:60px auto 100px;padding:clamp(24px,5vw,60px);background:var(--paper);border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden}
.published-page:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(100deg,#ce88ba,#a89ade,#80c8d2,#a6d5af,#e5c88f,#df9da5)}
.published-page h1{font-size:clamp(32px,5vw,54px);color:var(--heading);margin:12px 0}
.published-page .muted{color:var(--muted)}
.published-page .article-body{font-size:17px;line-height:2.1;overflow-wrap:anywhere;margin-top:32px}
.published-page .content-image{max-width:100%;max-height:560px;object-fit:contain;margin:30px auto}
.published-page .preview-note{padding:12px 18px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--muted);margin-bottom:24px}
html[data-theme=dark] .published-page{border-color:#d4ae6455;box-shadow:inset 0 1px 0 #f8e3ad22,0 20px 55px #0002}
html[data-theme=dark] .published-page:before{background:var(--metal-gold)}
html[data-theme=dark] .published-page h1{background:var(--metal-gold);background-clip:text;-webkit-background-clip:text;color:transparent}
html[data-theme=dark] .published-page .eyebrow{color:#d8bd83}
html:not([data-theme=dark]) .published-page{box-shadow:0 12px 40px #9aafc418}
html:not([data-theme=dark]) .published-page .button{background:linear-gradient(115deg,#eed7eb,#dce1f5,#d4efeb,#f5eacb);color:#243c50;border:1px solid #bcced8}
@media(max-width:600px){.public-detail .member-header{padding:16px;gap:12px}.detail-brand .logo{width:115px;height:48px}.detail-nav{gap:10px;font-size:12px}.theme-toggle{padding:8px 10px}.published-page{margin:28px 16px 60px}.published-page .article-body{font-size:16px}}

.published-page .article-body h2{font-size:28px;margin:48px 0 24px;padding-top:28px;border-top:1px solid var(--line);color:var(--heading)}
.published-page .article-body h3{font-size:20px;line-height:1.8;color:var(--teal);margin:28px 0}
.published-page .article-body p{margin:0 0 24px}
.published-page .article-body strong{color:var(--heading);font-weight:600}
html[data-theme=dark] .published-page .article-body h2{color:#ebce87;border-top-color:#d4ae6455}
html:not([data-theme=dark]) .published-page .article-body h2{border-image:linear-gradient(90deg,#ce88ba,#80c8d2,#e5c88f) 1}