/* final14 · 1. 핵심 화면: home/list/detail only. */
body:is(.in-x,.in-search,.in-detail) #dp-install-banner {display:none!important}
html.dp-install-visible body[data-pwa-layout="portal"]:not(.in-x):not(.in-search) {padding-top:0!important}
html.dp-install-visible body[data-pwa-layout="portal"]:not(.in-x):not(.in-search) > header,
html.dp-install-visible body[data-pwa-layout="portal"].in-detail .dbar {top:0!important}
body:not(.in-x):not(.in-search):not(.in-detail) > header,
body.in-detail .dbar {
  background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;
}
body:not(.in-x):not(.in-search):not(.in-detail) > header {border-bottom:0}
body:not(.in-x):not(.in-search):not(.in-detail) > header .top {
  padding:calc(4px + env(safe-area-inset-top)) 16px 6px!important;
}
body:not(.in-x):not(.in-search):not(.in-detail) .brand img {height:26px;width:auto}
body:not(.in-x):not(.in-search):not(.in-detail) header .top > div {gap:16px}
body:not(.in-x):not(.in-search):not(.in-detail) header .top .ibtn {width:23px;height:26px;border-radius:0}
body:not(.in-x):not(.in-search):not(.in-detail) header .top .ibtn svg {width:23px;height:23px;stroke-width:1.8}
.v2cats {position:relative;padding-right:50px}
.v2cats button.on:after {display:none}
.v2cats .ex {position:absolute;right:0;top:0;bottom:0;width:56px;margin:0;padding:0 14px 4px 0;display:flex;align-items:center;justify-content:flex-end}
.v2tb {border-bottom:1px solid var(--line)}
.v2tb button {line-height:normal}
body[data-feed-view=thumb] #feed .item {align-items:flex-start;contain-intrinsic-size:auto 97px}
body[data-feed-view=thumb] #feed .item .body {align-content:start;grid-template-rows:min-content 1fr}
body[data-feed-view=thumb] #feed .item .title {word-break:keep-all;overflow-wrap:anywhere}
body[data-feed-view=thumb] #feed .item .listing-meta {line-height:15px!important}
body[data-feed-view=thumb] #feed .listing-meta .anon-id {display:inline;min-height:0;line-height:inherit!important;font-family:inherit;letter-spacing:0;color:var(--muted)!important;font-weight:500}
body[data-feed-view=thumb] #feed .read-dim .listing-meta,
body[data-feed-view=thumb] #feed .read-dim .listing-meta .anon-id {color:var(--dim)!important}
body[data-feed-view=thumb] #feed .read-dim .thumb {opacity:.55}
body[data-feed-view=thumb] #feed .read-dim .meta {opacity:1}
.core-new-posts {display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;background:var(--bg);border-bottom:1px solid var(--line);font-size:13px;font-weight:700}
.core-new-posts em {color:var(--pt);font-style:normal;font-weight:900}
.core-new-posts svg.lu {width:14px;height:14px;flex:none}
body[data-feed-view=thumb] #feed > .endmsg {display:none}
body:not(.in-x):not(.in-search) > nav {background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;padding:8px 0 max(22px,env(safe-area-inset-bottom))}
body:not(.in-x):not(.in-search) > nav button {padding:0;min-height:0;gap:3px;justify-content:flex-start}
body:not(.in-x):not(.in-search) > nav button .nbadge {top:-5px;left:calc(50% + 5.5px)}
body:not(.in-x):not(.in-search) > nav .nl {line-height:13px}
body:not(.in-x):not(.in-search) > nav button[data-nav=write] {color:var(--dim)}
body.in-detail .dbar {gap:0;padding:calc(4px + env(safe-area-inset-top)) 14px 10px!important;min-height:0;margin-bottom:1px}
body.in-detail .dbar .reading-progress {bottom:-1px}
body.in-detail .dbar .ibtn {width:20px;height:20px}
body.in-detail .dbar #dBack {width:20px;margin-right:6px;color:var(--text)}
body.in-detail .dbar b {position:absolute;left:76px;right:76px;margin:0;text-align:center;font-size:15px;line-height:20px;font-weight:700;pointer-events:none}
body.in-detail .dbar #dBack svg {width:20px;height:20px;stroke-width:1.8}
body.in-detail .dbar #dShare {margin-left:auto}
body.in-detail .dbar #dMenu {margin-left:14px}
body.in-detail .dbar .lu {width:19px;height:19px;stroke-width:1.7}
body.in-detail .dwrap {padding:16px 16px 0!important}
body.in-detail .dtitle {overflow-wrap:anywhere;word-break:keep-all}
body.in-detail .dhead {margin:10px 0 14px}
body.in-detail .dhead .idn {width:20px;height:20px;margin:0}
body.in-detail .dhead .meta {gap:7px}
body.in-detail .dhead .meta .anon-id {font-size:12.5px;font-weight:600;letter-spacing:0;color:var(--muted)!important}
body.in-detail .dbody {margin-top:0}
body.in-detail #dBody > div > img {margin-bottom:0!important}
body.in-detail #dBody > div:last-child > :last-child {margin-bottom:0}
body #detail .chead {padding:11px 16px!important;background:var(--elev);border-top:1px solid var(--line);font-size:14px!important;font-weight:700!important;line-height:16px}
body #detail .chead .cn {font-weight:inherit}
body #detail .comment-sort {gap:4px;font-size:12.5px}
body #detail .comment-sort button {min-height:0;padding:0}
body #cmBox .cm .ct {margin-top:2px!important;font-size:14.5px!important;line-height:1.5!important;overflow-wrap:anywhere}
body #detail #cmBox .cm {align-items:flex-start}
body #detail #cmBox .cm.re {border-bottom:1px solid var(--ln2)!important}
body #detail #cmBox .cm > .idn {margin-top:1px;border-radius:6px}
body #detail #cmBox .cm .meta {height:14px;min-height:14px!important;line-height:14px!important;align-items:center;flex-wrap:nowrap}
body #detail #cmBox .cm .meta .anon-id,
body #detail #cmBox .cm .meta .badge-w,
body #detail #cmBox .cm .meta .ctime {line-height:14px!important;white-space:nowrap}
body #detail #cmBox .cm .ct,
body #detail #cmBox .cm .cacts,
body #detail #cmBox .cm .reply-toggle {margin-left:0;padding-left:0;text-align:left}
body #detail #cmBox .cm .cacts {min-height:14px;align-items:center;font-size:12px}
body #detail #cmBox .cm .cacts button {line-height:14px!important;font-weight:400!important;gap:4px!important;justify-content:flex-start}
body #detail #cmBox .cm .cacts svg.lu {width:13px!important;height:13px!important}
body #detail #cmBox .cm .meta .anon-id {color:var(--muted)!important;font-weight:600!important;letter-spacing:0}
body #detail #cmBox .cm .ctime {line-height:14px!important;margin:0;color:var(--dim)!important}
body #detail #cmBox .badge-w {padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--dim)!important;font-size:12px!important;font-weight:400!important}
body #detail #cmBox .cm.re:before {display:none}
body #detail #cmBox .cm .meta [data-cmenu] {display:none}
body #cmBox .cm .cacts b {font-weight:400}
.best-label {order:1;font-size:11px;font-style:normal;font-weight:800;margin:0 6px 0 2px;color:var(--pt)}
.best-comment .ctime {order:2}
.best-comment [data-cmenu] {order:3}
.core-best .cm.re {display:none}
/* The core mockup reserves actions for best comments in the bottom section. */
body #detail #cmBox:has(.core-best) > .cm .cacts {display:none}
/* Next/popular cards belong to the best-comment bottom layout in section 1. */
body #detail #cmBox:not(:has(.core-best)) {padding-bottom:86px}
body.in-detail .dfoot {gap:12px;padding:10px 16px max(24px,env(safe-area-inset-bottom));align-items:flex-end}
body.in-detail .dfoot[hidden] {display:none!important}
/* Directional chrome owns translate/opacity; a filled entry animation would override it. */
html:root body.in-detail #detail .dfoot:not([hidden]) {animation:none}
html:root body:has(>#appScroll).in-detail {padding-bottom:var(--reading-composer-height,71px)!important}
html:root body:has(>#appScroll).in-detail.reading-chrome-hidden {padding-bottom:0!important}
html:root body.in-detail>#appScroll {padding-bottom:var(--reading-keyboard-inset,0px)}
html:root body.in-detail #detail .dfoot .dcm textarea#cIn {flex:1;min-width:0;min-height:40px;max-height:96px;resize:none;overflow:auto;padding:10px 0;box-sizing:border-box;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:16px;line-height:20px;white-space:pre-wrap}
html:root body.in-detail #detail .dfoot>.drt,html:root body.in-detail #detail .dfoot>.dcm {width:100%;min-width:0;max-width:100%;box-sizing:border-box}
html:root body.in-detail #detail .drt .reply-context {flex:1;min-width:0}
html:root body.in-detail #detail .drt .reply-context>span {display:block}
html:root body.in-detail #detail .drt .reply-context-copy {display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;line-height:18px;color:var(--muted)}
html:root body.in-detail #detail .dhead .meta {justify-content:space-between;gap:6px 12px}
html:root body.in-detail #detail .dhead .detail-meta-left {display:inline-flex;align-items:center;flex:1 0 auto;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%}
html:root body.in-detail #detail .dhead .detail-meta-left>i {width:1px;height:10px;flex:none;background:var(--line)}
html:root body.in-detail #detail .dhead .detail-views {white-space:nowrap}
html:root body.in-detail #detail .dhead .detail-time {flex:0 0 auto;max-width:100%;margin-left:auto;white-space:normal;overflow-wrap:anywhere;text-align:right;line-height:1.4}
body.in-detail .dfoot .dlike {height:42px;font-weight:700;padding:0}
body.in-detail .dfoot .dlike .likecount {font-weight:inherit;letter-spacing:0}
body.in-detail .dfoot .dlike svg {width:23px;height:23px}
body.in-detail .dfoot .dlike.on svg {fill:var(--pt)}
.core-composer {flex:1;min-width:0}
body #detail .core-composer .cmc {display:flex;align-items:center;gap:0;margin:0;padding:5px 5px 5px 14px!important;border:0!important;border-radius:10px;background:var(--elev)}
.core-composer .cmc #cIn {flex:1;min-width:0;width:100%;height:32px;min-height:32px;max-height:96px;field-sizing:content;margin:0;padding:6px 0;border:0;border-radius:0!important;background:transparent;color:var(--text);font:inherit;font-size:14.5px;line-height:20px!important;resize:none;outline:none}
.core-composer #cIn::placeholder {color:var(--dim)}
body #detail .core-composer .crow {display:flex;flex:none;gap:0;margin:0;padding:0}
.core-composer #cCnt,.core-composer #cCancel,.core-composer .crow .sp {display:none}
body #detail .core-composer #cGo {min-height:30px!important;height:30px;margin:0;padding:7px 14px!important;border:0;border-radius:8px!important;background:var(--accent);color:var(--on-accent);font-size:13.5px;font-weight:700;line-height:16px}
body #detail .core-composer #cGo:disabled {background:transparent;color:var(--dim);cursor:default;opacity:1}
body #detail .core-composer .cmlogin,body #detail .core-composer .cmtrig {display:flex;justify-content:space-between;align-items:center;width:100%;min-height:32px;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent;color:var(--dim);font-size:14.5px;font-weight:400}
.core-composer .cmlogin em {padding:7px 14px;font-size:13.5px;font-style:normal;font-weight:700}
.core-composer #rt[hidden] {display:none}
#detail .reading-related h3 {padding:16px 16px 6px;border:0;background:var(--bg);font-size:12.5px;line-height:15px;font-weight:700;color:var(--dim)}
#detail .reading-related a {align-items:flex-start}
#detail .reading-related .related-copy {flex:1;min-width:0}
#detail .reading-related .related-title {font-size:16.5px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
#detail .reading-related .related-meta {display:block;margin-top:6px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--dim)}
#detail .reading-related .related-meta .hot {color:var(--pt);font-weight:700}
#detail .reading-related .related-thumb {width:68px;height:68px;flex:none;border-radius:8px;object-fit:cover;object-position:top;background:var(--thb)}
#detail .reading-related p {padding:14px 16px;color:var(--dim);font-size:13px}
@media(max-width:640px){
  body:not(.in-x):not(.in-search) {border-left:0;border-right:0}
  body.in-detail {padding-bottom:calc(90px + env(safe-area-inset-bottom))}
  body.in-detail:not(:has(.core-best)) {padding-bottom:calc(77px + env(safe-area-inset-bottom))}
}

/* 댓글 시간: 시안처럼 본문 바로 아래, 날짜와 시각, 12px 보조색 */
body #detail #cmBox .cm .ctime { margin: 4px 0 0 !important; font-size: 12px; line-height: 1.4 !important; color: #8f949b !important; }
[data-theme=light] body #detail #cmBox .cm .ctime, body[data-theme=light] #detail #cmBox .cm .ctime, [data-theme=light] #detail #cmBox .cm .ctime { color: #6b7280 !important; }

/* Direction changes affect only the reading chrome, never the article layout. */
body.in-detail .dbar,body.in-detail .dfoot {transition:translate .22s ease,opacity .22s ease,visibility .22s;}
body.in-detail .dbar.reading-scroll-hidden {translate:0 calc(-100% - env(safe-area-inset-top, 0px) - 20px)!important;opacity:0;visibility:hidden;pointer-events:none}
body.in-detail .dfoot.reading-scroll-hidden {translate:0 calc(100% + env(safe-area-inset-bottom, 0px) + 20px)!important;opacity:0;visibility:hidden;pointer-events:none}
@media (max-width: 999.98px) {
  body:not(.in-x):not(.in-search):not(.in-detail) > header {translate:none!important;opacity:1!important;pointer-events:auto!important}
  body:not(.in-x):not(.in-search):not(.in-detail) > header .top {overflow:hidden;max-height:calc(52px + env(safe-area-inset-top,0px))}
  html:root body:not(.dc-shell):not(.in-x):not(.in-search):not(.in-detail) > header.header-scroll-hidden .top {max-height:calc(52px + env(safe-area-inset-top,0px))!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
html body>#appScroll {overflow-anchor:none}

.dfoot .keyboard-close {display:none!important}
.dfoot:focus-within .keyboard-close {display:inline-flex!important;align-items:center;gap:4px;min-height:36px;padding:4px 8px;font-size:12px;font-weight:500;color:var(--muted)}
@media(prefers-reduced-motion:reduce){body.in-detail .dbar,body.in-detail .dfoot,body:not(.in-x):not(.in-search):not(.in-detail) > header{transition:none}}

html body .item .body .title,html .portal-post .title,html .related-title {font-size:calc(var(--reading-list-size,16px) + 1px)!important;line-height:1.35!important}
/* Keep per-scope preferences above the existing handoff list selectors. */
html:root body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row[data-id] .title {font-size:calc(var(--reading-list-size,16px) + 1px)!important;line-height:1.35!important}
/* Shared list geometry from ZIP14; user-selected list font sizes remain active. */
html:root body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row.item[data-id] {height:auto!important;min-height:0!important;max-height:none!important;padding:11px 16px 10px!important;box-sizing:border-box}
html:root body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row.item[data-id] .body {height:auto;min-height:0!important;padding:0!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;row-gap:0!important;align-content:center!important}
html:root body:is([data-feed-view=thumb],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row.item[data-id] .body:has(.thumb) {grid-template-columns:minmax(0,1fr) 56px!important;column-gap:14px}
html:root body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row.item[data-id] .title {display:flex!important;align-items:baseline!important;align-self:end;flex-wrap:nowrap;min-width:0;height:auto;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;-webkit-line-clamp:unset!important}
html:root body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row.item[data-id] .list-title-text {display:block!important;flex:0 1 auto;min-width:0;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis;line-height:inherit!important;-webkit-line-clamp:unset!important}
html:root body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row.item[data-id] .list-comment-count {display:block!important;flex:0 0 auto!important;align-self:auto;margin:0!important;line-height:normal!important;white-space:nowrap}
html:root body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row.item[data-id] .hf-list-meta {margin-top:2px;align-self:start;line-height:1.35!important}
html:root body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row.item[data-id] .body .thumb {position:relative!important;inset:auto!important;grid-column:2!important;grid-row:1/span 2!important;align-self:center;width:56px!important;height:56px!important;min-height:56px!important;max-height:56px!important}
html .dbody,html .dbody :is(p,li,span,div) {font-size:var(--reading-content-size,16px)!important;line-height:1.625}
html:root body.in-detail #detail #cmBox .cm .ct,html:root body #shortSheet .short-c-text {font-size:var(--reading-comment-size,16px)!important;line-height:1.6!important}
.reading-size-control {padding:16px 0;border-bottom:1px solid var(--line)}
.reading-size-control label {display:flex;justify-content:space-between;font-size:14px}
.reading-size-control input {width:100%;margin:16px 0;accent-color:var(--accent)}
.reading-preview {padding:12px;border-radius:12px;background:var(--elev);margin:0;overflow-wrap:anywhere}
.reading-size-control .reading-preview-list {font-size:var(--reading-list-size,16px);line-height:1.3}
.reading-size-control .reading-preview-content {font-size:var(--reading-content-size,16px);line-height:1.625}
.reading-size-control .reading-preview-comment {font-size:var(--reading-comment-size,16px);line-height:1.6}
html[data-reading-thumbnails=false] .item .thumb {display:none!important}
html:root[data-reading-thumbnails=false] body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row[data-id] .body .thumb {display:none!important}
html:root[data-reading-thumbnails=false] body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row.item[data-id] .body:has(.thumb) {grid-template-columns:minmax(0,1fr)!important;column-gap:0}
.activity-tabs {display:flex;gap:4px;overflow:auto;margin-bottom:16px}
.activity-tabs button {flex:1;white-space:nowrap;min-height:44px;padding:8px;color:var(--muted)}
.activity-tabs button[aria-pressed=true] {color:var(--accent);border-bottom:2px solid var(--accent)}
.activity-day {font-size:14px;margin:24px 0 8px;color:var(--muted)}
html body #serviceBody .activity-row {height:76px;min-height:76px;max-height:76px;padding:9px 16px;box-sizing:border-box;align-items:center}
html body #serviceBody .activity-row .fcopy {flex:1;min-width:0;display:block}
html body #serviceBody .activity-row .fcopy b {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--reading-list-size,16px);line-height:1.3}
html body #serviceBody .activity-row .fcopy small {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Latest approved article metadata: author, views, right-aligned time. */
html:root body.in-detail #detail .dhead{display:block}
html:root body.in-detail #detail .dhead>.meta{display:flex;width:100%;flex-wrap:wrap}
html:root body.in-detail #detail .dhead .detail-views{font-size:12.5px;font-weight:400;color:var(--dim)}
html:root body:is([data-feed-view=thumb],[data-feed-view=board],.in-search,:has(#meBox)) :is(#feed,#sres,#portalBody,#channelFeed:not(.channel-media-grid),#subscribedFeed,.reading-related,.channel-search-results,#meBox) .hf-list-row.item[data-id] .hf-list-meta{display:flex;align-items:center;gap:5px}
html:root body .hf-list-meta>:is(.hf-list-identity,.hf-views,.hf-sep,time){flex-shrink:0}
html:root body .hf-list-meta>.hf-sep{margin:0}
html:root body .hf-list-meta>.hf-ch{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}
html:root body .hf-list-meta>time{margin-left:0;text-align:left}
html:root body .hf-list-meta.hf-list-ch{justify-content:space-between;gap:10px}
html:root body .hf-list-ch>.hf-ch-l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:root body .hf-list-ch .hf-bar{display:inline-block;width:1px;height:10px;margin:0 7px;background:var(--ln);vertical-align:-1px}
html:root body .hf-list-ch .hf-ch-l b{font-weight:600;color:var(--t3)}
html:root body .hf-list-row[data-id] .list-kind-ic{flex:none;align-self:center;margin-right:1px;color:var(--lk)}
html:root body .hf-list-row[data-id] .list-kind-notice{color:var(--t3)}
html:root body .hf-list-row[data-id] .list-kind-hot{color:var(--pt)}
html:root body .channel-notice-strip{box-sizing:border-box;display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border-left:4px solid #f5c400;background:#fff7d6;color:#3d3300;font-size:13px;line-height:1.4;cursor:pointer}
html:root body .channel-notice-strip[hidden]{display:none}
html:root body #channelFeed.channel-media-grid>:not(.item){grid-column:1/-1}
html:root body .channel-notice-strip .notice-badge{flex:none;padding:2px 10px;border-radius:999px;background:#f5c400;color:#3d3300;font-size:11px;font-weight:700}
html:root body .channel-notice-strip .notice-copy{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
html:root body .channel-notice-strip .notice-chev{flex:none;font-size:20px;line-height:1}

/* Notice list stays compact; detailed exposure controls live in an owner-guarded sheet. */
.ap-notice-row .ap-copy{min-width:0}.ap-notice-badges{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.ap-notice-badges em{font-style:normal;font-size:11px;line-height:20px;border-radius:7px;padding:0 7px;background:var(--elev);color:var(--muted)}.ap-notice-badges em.on{background:color-mix(in srgb,var(--text) 10%,var(--bg));color:var(--text)}.ap-notice-manage{flex:none;min-width:70px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--text);font-weight:600}.ap-notice-manage span{font-size:22px;color:var(--muted)}
#sheetbg.ap-notice-management{align-items:flex-end!important;background:rgba(0,0,0,.45);padding:0 12px!important}#sheetbg.ap-notice-management>.sheet{margin:0 auto!important;width:min(100%,560px)!important;max-width:560px!important;max-height:calc(100dvh - env(safe-area-inset-top) - 20px);overflow:auto;border-radius:22px 22px 0 0!important;padding:12px 16px calc(16px + env(safe-area-inset-bottom))!important;background:var(--bg);color:var(--text)}#apNoticeManage h3{margin:10px 0 6px;font-size:18px;line-height:26px}#apNoticeManage .ap-notice-manage-name{font-size:13px;line-height:20px;color:var(--muted);overflow-wrap:anywhere;margin:0 0 12px}#apNoticeManage .ap-row{padding:18px 0;display:flex;align-items:center;gap:18px}#apNoticeManage .ap-copy{flex:1;min-width:0}#apNoticeManage .ap-copy b{font-size:15px;line-height:22px}#apNoticeManage .ap-copy small{font-size:12px;line-height:19px;margin-top:4px}#apNoticeManage .ap-toggle{min-width:52px!important;width:52px!important;min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;flex:none;display:flex;align-items:center;justify-content:center}#apNoticeManage .ap-toggle-label,#apNoticeManage .ap-toggle-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#apNoticeManage .ap-toggle i{margin:0!important}#apNoticeManage .ap-notice-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}#apNoticeManage .ap-notice-sheet-actions button{min-height:48px;border-radius:13px;background:var(--elev);font-size:14px;font-weight:700}#apNoticeManage .ap-notice-sheet-actions .danger{color:#e02d32;background:transparent;border:1px solid color-mix(in srgb,#e02d32 30%,var(--line))}#apNoticeManage button:focus-visible,.ap-notice-manage:focus-visible{outline:2px solid var(--text);outline-offset:3px}@media(prefers-reduced-motion:reduce){#sheetbg.ap-notice-management>.sheet{animation:none!important;transition:none!important}}

#sheetbg.ap-notice-management .grab{width:40px;height:4px;border-radius:3px;background:var(--line);margin:0 auto 12px;flex:none}

#sheetbg.ap-notice-management>.sheet{opacity:1!important;animation:apNoticeSheetEnter .2s ease-out both!important}#apNoticeManage .ap-toggle[aria-checked="true"] i{background:var(--text)!important}#apNoticeManage .ap-toggle[aria-checked="false"] i{background:var(--line2)!important}@keyframes apNoticeSheetEnter{from{transform:translateY(32px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#sheetbg.ap-notice-management>.sheet{animation:none!important}}

.admin-points-view .ap-notice-row{flex-wrap:nowrap;align-items:center}.admin-points-view .ap-notice-row>.ap-copy{flex:1 1 0}#apNoticeManage .ap-toggle>i:after{background:var(--bg)!important}

#sheetbg.ap-notice-management{opacity:1!important;animation:apNoticeBackdropEnter .2s ease both!important}@keyframes apNoticeBackdropEnter{from{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.45)}}@media(prefers-reduced-motion:reduce){#sheetbg.ap-notice-management{animation:none!important}}

/* Admin v12: mobile management shortcuts and paired draft attachment choices. */
@media(min-width:1000px){body.admin-points-view .ap-overview-management{display:none}}
body.admin-points-view .ap-notice-attachments{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:12px 20px}
body.admin-points-view .ap-notice-attachments button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 8px;border:0;border-radius:12px;background:var(--elev);color:var(--text);font-size:14px;font-weight:600;line-height:20px}
body.admin-points-view .ap-notice-attachments button svg{flex:none}
body.admin-points-view .ap-notice-attachments button[aria-pressed=true]{background:var(--text);color:var(--bg)}
body.admin-points-view .ap-notice-attachments button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
body.admin-points-view .ap-notice-attachments button:disabled{opacity:.45}

/* Public pin metadata uses the shared card in web and hybrid surfaces. */
.feed-pin{display:inline-flex;align-items:center;vertical-align:middle;margin-right:6px;padding:1px 5px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:11px;font-weight:600;line-height:1.4}