/* Shared layout for the public example and the signed-in owner's editor. */
body:has(> .owner-workspace) { background: #f5f4ef; }
.owner-workspace {
  --desk-ink: #17263a;
  --desk-muted: #4d5968;
  --desk-line: #dce0e3;
  --desk-soft: #f5f6f6;
  --desk-paper: #fdfbf6;
  --desk-yellow: #ffe421;
  max-width: 1176px;
  padding: 22px clamp(16px, 4vw, 38px) 48px;
  color: var(--desk-ink);
  background: transparent;
  font-family: "Pretendard Variable", Pretendard, -apple-system, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
  overflow-wrap: anywhere;
}

.owner-workspace .workspace-header { margin: 0; padding: 24px 0 22px; }
.owner-workspace .workspace-header h1 { margin: 6px 0 6px; border: 0; padding: 0; color: var(--desk-ink); font-size: clamp(29px, 4vw, 42px); font-weight: 850; line-height: 1.2; letter-spacing: -.05em; }
.owner-workspace .workspace-header p { margin: 0; color: var(--desk-muted); font-size: 15px; line-height: 1.65; }
.owner-workspace .workspace-eyebrow { display: inline-block; color: #315783; font-size: 12px; font-weight: 750; }
.owner-workspace .workspace-header .workspace-example-badge { padding: 3px 8px; border: 1px solid #d6d9db; border-radius: 6px; color: var(--desk-muted); background: #fff; }
.owner-workspace :is(.brandbar,.paid-plan-example__brand) { padding: 0 0 14px; border-bottom: 1px solid #d9d9d1; }
.owner-workspace :is(.brandbar,.paid-plan-example__brand) a { color: var(--desk-ink); }
.owner-workspace :is(.workspace-eyebrow,.paid-plan-kicker) { color: var(--desk-muted)!important; }
.owner-workspace .workspace-layout { display: grid; grid-template-columns: minmax(0, 232px) minmax(0, 1fr); align-items: start; gap: 22px; }
.owner-workspace .workspace-layout--single { grid-template-columns: minmax(0, 1fr); }
.owner-workspace .workspace-rail, .owner-workspace .workspace-main { min-width: 0; }
.owner-workspace .workspace-main > :first-child { margin-top: 0; }
.owner-workspace :is(.weekly-picks,.paid-demo-posts) { margin: 0; }
.owner-workspace :is(.weekly-picks>.section-top,.paid-demo-section-head) { margin: 0 0 10px; flex-flow: row wrap; gap: 6px 10px; }
.owner-workspace :is(.weekly-picks>.section-top h2,.paid-demo-section-head h2) { margin: 0; border: 0; padding: 0; font-size: 16px; line-height: 1.5; font-weight: 800; }
.owner-workspace :is(.weekly-grid,.paid-demo-grid) { grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 0; }
.owner-workspace :is(.week-post,.paid-demo-post) {
  min-width: 0; gap: 4px; padding: 12px 14px; border-radius: 8px;
  border: 1px solid var(--desk-line); background: #fff; color: var(--desk-ink);
}
.owner-workspace :is(.week-post b,.paid-demo-post b) { font-size: 15px; font-weight: 750; line-height: 1.42; }
.owner-workspace :is(.post-index,.paid-demo-post small,.paid-demo-post>span) { color: var(--desk-muted); font-size: 12px; }
.owner-workspace .week-post--unavailable { border-style: dashed; background: #eef2f7; }
.owner-workspace .workspace-links {
  display: flex; flex-wrap: wrap; gap: 0 14px; padding: 4px 0;
  border-top: 1px solid var(--desk-line); margin: 14px 0 0;
}
.owner-workspace .workspace-links a { display: inline-flex; align-items: center; min-height: 44px; color: #284c77; font-size: 13px; font-weight: 700; text-decoration: none; }
.owner-workspace .workspace-links a:hover { text-decoration: underline; }
.owner-workspace .workspace-plan { margin: 5px 0 12px; color: var(--desk-muted); font-size: 13px; }
.owner-workspace .workspace-plan summary { min-height: 40px; font-weight: 700; cursor: pointer; }
.owner-workspace .workspace-plan p { margin: 0 0 8px; }
.owner-workspace :is(.copy-panel,.paid-plan-example__editor) {
  min-width: 0; padding: clamp(16px, 3.2vw, 32px); border-radius: 16px;
  border: 1px solid var(--desk-line); background: #fff; box-shadow: 0 8px 28px #1824310a;
}
.owner-workspace :is(.copy-panel,.paid-plan-example__editor) :is(h2,h3) { border: 0; padding: 0; line-height: 1.4; }
.owner-workspace :is(.editor-heading,#paid-example-heading) { color: var(--desk-ink); font-size: clamp(20px, 3vw, 26px); font-weight: 820; letter-spacing: -.04em; }
.owner-workspace :is(.editor-help,.paid-demo-help) { margin: 8px 0 16px; color: var(--desk-muted); font-size: 14px; }
.owner-workspace .workspace-editor-head { display: flex; justify-content: space-between; align-items: baseline; gap: 3px 14px; flex-wrap: wrap; }
.owner-workspace .workspace-editor-head p { margin: 4px 0 8px; }
.owner-workspace .workspace-jump { display: inline-flex; align-items: center; min-height: 44px; color: #284c77; font-size: 13px; font-weight: 700; text-underline-offset: 4px; }
.owner-workspace .writing-sheet { padding: clamp(13px,2.7vw,24px); border: 1px solid #e4dfd1; border-radius: 13px; background: var(--desk-paper); }
.owner-workspace .writing-sheet :is(.field-label,.paid-plan-example__label) { margin: 12px 0 6px; }
.owner-workspace .writing-sheet :is(.field-label,.paid-plan-example__label):first-child { margin-top: 0; }
.owner-workspace .writing-sheet label { color: var(--desk-ink); font-size: 13px; line-height: 1.5; font-weight: 780; }
.owner-workspace .writing-sheet label[for=paid-example-title] { margin: 0 0 6px; }
.owner-workspace .writing-sheet .paid-plan-example__label label { margin: 0; }
.owner-workspace .writing-sheet :is(#copy-title,#paid-example-title,#copy-body,#paid-example-body) {
  width: 100%; min-width: 0; padding: 10px 12px; border: 1px solid #4d5359; border-radius: 8px; color: var(--desk-ink); background: #fff; font-family: inherit;
}
.owner-workspace .writing-sheet :is(#copy-title,#paid-example-title) { min-height: 52px; font-size: clamp(19px,2.7vw,25px); font-weight: 820; letter-spacing: -.04em; line-height: 1.48; }
.owner-workspace .writing-sheet :is(#copy-body,#paid-example-body) { min-height: 280px; height: 350px; font-size: 16px; font-weight: 500; letter-spacing: -.012em; line-height: 1.9; }
.owner-workspace .writing-sheet :is(input,textarea):hover { border-color: #17263a; }
.owner-workspace .writing-sheet :is(input,textarea):focus-visible { border-color: #496584; outline: 2px solid #496584!important; outline-offset: 1px; }
.owner-workspace .writing-sheet :is(input,textarea)[aria-invalid=true] { border-color: #a8471c; }
.owner-workspace .writing-sheet :is(input,textarea)[readonly] { background: #f5f5f2; }
.owner-workspace .writing-sheet :is(.field-help,.field-count,.paid-plan-example__label>span) { color: var(--desk-muted); font-size: 12px; }
.owner-workspace :is(.paid-plan-example__tag,#copy-origin) { background: #eceff0; color: var(--desk-ink); }
.owner-workspace .paid-demo-rewrite-bar { padding: 9px 0; border-block: 1px solid var(--desk-line); }
.owner-workspace .paid-demo-rewrite-bar button.paid-plan-dark { background: var(--desk-ink)!important; }
.owner-workspace :is(.publish-steps,.paid-plan-example__actions) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding-top: 16px; margin-top: 18px; }
.owner-workspace :is(.publish-steps h2,.paid-plan-example__actions h3) { font-size: 16px; }
.owner-workspace :is(.publish-steps .button,.paid-plan-example__actions button,.paid-plan-example__actions a) { min-width: 0; min-height: 48px; font-size: 14px; }
.owner-workspace :is(.publish-steps .button-yellow,.paid-plan-example__actions .paid-plan-yellow) { background: var(--desk-yellow)!important; color: var(--desk-ink)!important; }
.owner-workspace :is(.content-preferences,.history,.paid-demo-preferences,.paid-demo-history,.paid-demo-report) { border-color: var(--desk-line); }
.owner-workspace :is(.workspace-main,.workspace-rail,details[id]) { scroll-margin-top: 18px; }
.owner-workspace :is(#workspace-publish,#paid-example-publish,#content-notes,#workspace-history-content) { scroll-margin-top: 16px; }
.owner-workspace :is(a,button,summary,input,textarea):focus-visible { outline: 3px solid #2464af; outline-offset: 3px; }
@media (max-width: 720px) {
  .owner-workspace { padding-top: 13px; }
  .owner-workspace .workspace-header { padding: 18px 0 16px; }
  .owner-workspace .workspace-layout { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .owner-workspace :is(.weekly-grid,.paid-demo-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .owner-workspace :is(.week-post,.paid-demo-post) { padding: 9px 10px; }
  .owner-workspace .paid-demo-post>span, .owner-workspace .post-action { display: none; }
  .owner-workspace .workspace-links { margin-top: 6px; padding: 0; border-top: 0; }
  .owner-workspace .workspace-links a { min-height: 44px; }
  .owner-workspace .workspace-plan { margin-bottom: 0; }
}
@media (max-width: 480px) {
  .owner-workspace :is(.publish-steps,.paid-plan-example__actions) { grid-template-columns: minmax(0,1fr); }
  .owner-workspace .publish-steps>section+section { padding-top: 12px; }
  .owner-workspace .writing-sheet :is(#copy-body,#paid-example-body) { height: 310px; min-height: 242px; }
}
@media (forced-colors: active) {
  .owner-workspace :is(.week-post[aria-current=page],.paid-demo-post[aria-pressed=true]) { outline: 2px solid Highlight; }
}

/* Quiet hierarchy: the current article, request fields and primary action are distinct. */
.owner-workspace [hidden] { display: none !important; }
.owner-workspace :is(.week-post[aria-current=page],.paid-demo-post[aria-pressed=true]) {
  background: #fff; border-color: #60758a; box-shadow: inset 3px 0 var(--desk-ink);
}
.owner-workspace :is(.week-post,.paid-demo-post) { transition: border-color .15s, background-color .15s; text-align: left; }
.owner-workspace :is(.week-post,.paid-demo-post):hover { border-color: #46648e; }
.owner-workspace :is(.week-post,.paid-demo-post):focus-visible { outline: 3px solid #2358bd; outline-offset: 3px; }
.owner-workspace :is(.content-preferences,.paid-demo-ai) { background: var(--desk-soft); border: 1px solid var(--desk-line); border-radius: 14px; padding: 20px; margin-block: 24px; }
.owner-workspace :is(.content-preferences,.paid-demo-ai)>summary { color: #152e52; font-size: 20px; font-weight: 750; line-height: 1.5; }
.owner-workspace :is(.content-preferences,.paid-demo-ai)>:is(h2,h3) { margin:0 0 8px; color:var(--desk-ink); font-size:clamp(17px,2vw,21px); font-weight:780; }
.owner-workspace :is(.content-preferences,.paid-demo-ai)>summary :is(small,span) { display: inline-block; font-size: 12px; font-weight: 600; color: #3e5e84; margin-left: 8px; }
.owner-workspace :is(.content-preferences,.paid-demo-ai) label { display: block; font-size: 14px; font-weight: 700; margin: 18px 0 8px; color: #1b3050; }
.owner-workspace :is(.content-preferences,.paid-demo-ai) label small { color: #64748b; font-weight: 400; }
.owner-workspace :is(.content-preferences,.paid-demo-ai) :is(input:not([type=hidden]):not([type=checkbox]),textarea) { background: #fff; border:1px solid #4d5359; font: inherit; line-height: 1.7; }
.owner-workspace :is(#content-news,#paid-example-news) { min-height:150px; resize:vertical; width:100%; box-sizing:border-box; padding:12px 14px; border-radius:10px; }
.owner-workspace .paid-demo-ai .paid-demo-rewrite-bar { margin:12px 0 0; border-bottom:0; }
.owner-workspace .blog-actions { border-top: 1px solid #d3dfed; padding-top: 14px; }
.owner-workspace .paid-demo-ai-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.owner-workspace .paid-demo-ai-actions button { min-height: 44px; border-radius: 9px; border: 1px solid #213b65; padding: 10px 16px; background: #172b49; color: #fff; font: inherit; font-weight: 650; cursor: pointer; }
.owner-workspace :is(.paid-demo-ai-actions button,.blog-actions button):disabled { opacity: .55; cursor: not-allowed; }
.owner-workspace :is(#paid-ai-status,.content-preferences>.muted,.blog-actions .field-help) { font-size: 13px; line-height: 1.7; color: #536680; }
@media (max-width: 480px) {
  .owner-workspace :is(.content-preferences,.paid-demo-ai) { padding: 16px; }
  .owner-workspace :is(.content-preferences,.paid-demo-ai)>summary { font-size: 18px; }
}

/* Two clear choices above one editor; previous drafts remain reachable. */
.owner-workspace .workspace-layout--choices-top { grid-template-columns:minmax(0,1fr); gap:18px; }
.owner-workspace .workspace-layout--choices-top :is(.weekly-grid,.paid-demo-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.owner-workspace .workspace-layout--choices-top :is(.week-post,.paid-demo-post) { display:flex; flex-direction:column; justify-content:center; min-height:92px; padding:16px 18px; text-decoration:none; }
.owner-workspace .workspace-layout--choices-top :is(.week-post b,.paid-demo-post b) { font-size:17px; line-height:1.5; font-weight:750; }
.owner-workspace .workspace-layout--choices-top :is(.week-post[aria-current=page],.paid-demo-post[aria-pressed=true]) { background:#172b49; border-color:#172b49; color:#fff; box-shadow:none; }
.owner-workspace .workspace-layout--choices-top :is(.week-post[aria-current=page],.paid-demo-post[aria-pressed=true]) :is(b,small,span) { color:#fff; }
.owner-workspace .other-article-choices { margin:10px 0; border-bottom:1px solid var(--desk-line); }
.owner-workspace .other-article-choices summary { min-height:44px; display:list-item; padding-block:10px; cursor:pointer; color:#284c77; font-size:14px; font-weight:650; }
.owner-workspace .article-copy-action { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; margin-top:18px; }
.owner-workspace .article-copy-action :is(button,a) { min-height:48px; padding:12px 20px; border-radius:9px; font:inherit; font-size:16px; font-weight:750; }
.owner-workspace .article-copy-action button { flex:1; background:var(--desk-yellow)!important; color:#17263a!important; border:1px solid #d1ac29; cursor:pointer; }
.owner-workspace .article-copy-action a { color:#284c77; text-underline-offset:4px; }
@media(max-width:480px) {
  .owner-workspace .workspace-layout--choices-top :is(.week-post,.paid-demo-post) { padding:12px; min-height:104px; }
  .owner-workspace .workspace-layout--choices-top :is(.week-post b,.paid-demo-post b) { font-size:15px; }
  .owner-workspace .article-copy-action button { flex-basis:100%; }
}

/* Approved desktop 1 / mobile 3: one writing surface, not a dashboard. */
.owner-workspace :is(.copy-panel,.paid-plan-example__editor) {
  position:relative; display:flex; flex-direction:column; gap:0;
  padding:20px 24px; border-radius:12px; box-shadow:none;
}
.owner-workspace .workspace-layout--choices-top { gap:16px; }
.owner-workspace .workspace-header { padding:18px 0; }
.owner-workspace .workspace-header p { font-size:16px; }
.owner-workspace .workspace-layout--choices-top :is(.week-post,.paid-demo-post) { min-height:76px; padding:12px 18px; gap:2px; }
.owner-workspace .workspace-layout--choices-top :is(.week-post b,.paid-demo-post b) { font-size:17px; line-height:1.45; }
.owner-workspace .workspace-layout--choices-top :is(.post-action,.paid-demo-post>span) { display:none; }
.owner-workspace .workspace-links { display:none; }
.owner-workspace :is(.usage-info,.workspace-plan) { margin:8px 0 0; font-size:12px; }
.owner-workspace :is(.usage-info,.workspace-plan)>summary { min-height:30px; padding:4px 0; }
.owner-workspace :is(.paid-plan-example__heading,.copy-panel form>.section-top) { padding-right:200px; min-height:44px; margin:0 0 12px; }
.owner-workspace :is(.editor-heading,#paid-example-heading) { font-size:20px; margin:0; line-height:1.5; }
.owner-workspace :is(.workspace-editor-head,.paid-plan-example__heading .paid-plan-example__tag,#copy-origin) { display:none; }
.owner-workspace .writing-sheet { padding:0; border:0; border-radius:0; background:transparent; }
.owner-workspace .writing-sheet :is(#copy-title,#paid-example-title) { min-height:50px; font-size:clamp(18px,2vw,24px); }
.owner-workspace .writing-sheet :is(#copy-body,#paid-example-body) { height:240px; min-height:220px; line-height:1.85; }
.owner-workspace .writing-sheet :is(.field-help,.paid-demo-save,.save-status) { margin:6px 0 0; font-size:12px; line-height:1.6; }
.owner-workspace .save-feedback { margin:6px 0 0; }
.owner-workspace .writing-options { margin-top:8px; border-top:1px solid var(--desk-line); font-size:13px; }
.owner-workspace .writing-options summary { min-height:44px; padding:10px 0; cursor:pointer; font-weight:650; }
.owner-workspace :is(.content-preferences,.paid-demo-ai) { margin:16px 0 0; padding:14px 16px; border-radius:10px; background:var(--desk-paper); }
.owner-workspace :is(.content-preferences,.paid-demo-ai)>:is(h2,h3) { margin:0 0 6px; font-size:18px; }
.owner-workspace :is(.content-preferences,.paid-demo-ai)>p.muted { margin:0 0 8px; }
.owner-workspace :is(.content-preferences,.paid-demo-ai) label { margin:8px 0 5px; font-size:13px; }
.owner-workspace :is(#content-news,#paid-example-news) { min-height:76px; height:92px; font-size:16px; padding:10px 12px; line-height:1.6; }
.owner-workspace :is(.blog-actions,.paid-demo-rewrite-bar) { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; margin:8px 0 0; padding:0; border:0; }
.owner-workspace .blog-actions>p:first-child { display:none; }
.owner-workspace :is(.blog-actions,.paid-demo-rewrite-bar)>button { min-height:44px; margin:0; padding:9px 16px!important; border-radius:7px!important; font-size:14px!important; background:var(--desk-ink)!important; color:#fff!important; }
.owner-workspace :is(#copy-ai-remaining,#paid-ai-remaining) { margin:0; font-size:13px; color:var(--desk-muted); }
.owner-workspace :is(#copy-ai-status,#paid-ai-status) { flex-basis:100%; margin:0; font-size:12px; line-height:1.6; }
.owner-workspace :is(#copy-ai-status,#paid-ai-status):empty { display:none; }
.owner-workspace .blog-actions>.field-help { flex-basis:100%; margin:0; }
.owner-workspace .article-copy-action { position:absolute; top:20px; right:24px; margin:0; }
.owner-workspace .article-copy-action button { min-height:44px; padding:9px 18px; font-size:15px; border-radius:7px; font-family:inherit; box-shadow:none; }
.owner-workspace .source-destination-panel { margin:20px 0 0; padding-top:16px; border-top:1px solid var(--desk-line); }
.owner-workspace .source-destination-panel>h2::before,.owner-workspace .source-destination-panel>h3::before { content:'3. '; }
.owner-workspace .smartplace-guide { margin:16px 0 0; padding:12px 0 0; border:0; border-top:1px solid var(--desk-line); }
.owner-workspace :is(.paid-demo-facts,footer) { margin-top:18px; font-size:13px; }
.owner-workspace .paid-demo-section-head h2::before,.owner-workspace .weekly-picks>.section-top h2::before { content:'1. '; }
.owner-workspace :is(#paid-example-heading,.editor-heading)::before { content:'2. '; }
.owner-workspace[data-paid-gift] { background:#f5f4ef; }
.owner-workspace[data-paid-gift] .gift-picks { margin-bottom:16px; }
.owner-workspace[data-paid-gift][data-gift-pair] .gift-pick { min-height:84px; padding:12px 16px; }
.owner-workspace[data-paid-gift][data-gift-pair] .writing-sheet { margin-top:0; padding:0; }
.owner-workspace[data-paid-gift][data-gift-pair] .writing-sheet textarea { height:240px!important; min-height:220px!important; }
.owner-workspace[data-paid-gift] .gift-sites { margin:20px 0 0; padding-top:16px; border-top:1px solid var(--desk-line); }
.owner-workspace[data-paid-gift] .gift-sites>h3 { font-size:20px; }
.owner-workspace[data-paid-gift] .gift-ai-locked { margin-top:16px; }
.owner-workspace[data-paid-gift] .gift-ai-locked textarea { height:84px; min-height:76px; }
.owner-workspace[data-paid-gift] .gift-editor-heading { padding-right:190px; }
.owner-workspace[data-paid-gift] .gift-editor-heading .gift-inline-badge { display:none; }
.owner-workspace[data-paid-gift] .gift-actions [data-paid-gift-copy] { background:#fff!important; color:var(--desk-ink)!important; border-color:#c3cbd3!important; }
.owner-workspace[data-paid-gift] .gift-actions [data-paid-gift-site] { background:var(--desk-yellow)!important; color:var(--desk-ink)!important; border-color:#d1ac29!important; }
@media(max-width:720px) {
  .owner-workspace { width:100%; padding:16px 16px 32px; }
  .owner-workspace .workspace-header h1 { font-size:clamp(26px,6.5vw,34px); letter-spacing:-.045em; }
  .owner-workspace .workspace-header .workspace-example-badge { font-size:11px; }
  .owner-workspace :is(.copy-panel,.paid-plan-example__editor) { padding:16px 0 0; border:0; border-top:1px solid var(--desk-line); border-radius:0; background:transparent; }
  .owner-workspace :is(.paid-plan-example__heading,.copy-panel form>.section-top) { padding-right:0; min-height:0; margin-bottom:12px; }
  .owner-workspace .workspace-layout--choices-top :is(.week-post,.paid-demo-post) { padding:10px 12px; min-height:88px; }
  .owner-workspace .workspace-layout--choices-top :is(.week-post b,.paid-demo-post b) { font-size:15px; }
  .owner-workspace .workspace-layout--choices-top :is(.week-post b,.paid-demo-post b),.owner-workspace[data-paid-gift] .gift-pick strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .owner-workspace .writing-sheet :is(#copy-title,#paid-example-title) { font-size:18px; }
  .owner-workspace .writing-sheet :is(#copy-body,#paid-example-body) { height:280px; min-height:260px; }
  .owner-workspace :is(.content-preferences,.paid-demo-ai) { padding:12px; }
  .owner-workspace .article-copy-action { position:static; margin:16px 0 0; width:100%; }
  .owner-workspace .article-copy-action button { width:100%; min-height:50px; flex-basis:100%; font-size:17px; }
  .owner-workspace .source-destination { grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:10px; }
  .owner-workspace .source-destination-title { grid-template-columns:minmax(0,1fr); }
  .owner-workspace .source-destination-number { display:none; }
  .owner-workspace .source-destination-buttons { grid-template-columns:auto auto; }
  .owner-workspace .source-destination-buttons :is(button,a) { max-width:100px; padding:6px 8px!important; font-size:12px!important; }
  .owner-workspace[data-paid-gift][data-gift-pair] .gift-pick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .owner-workspace[data-paid-gift] .gift-editor-heading { padding-right:0; }
  .owner-workspace[data-paid-gift][data-gift-pair] .writing-sheet textarea { height:280px!important; min-height:260px!important; }
}
