.blog-header{background:var(--ink);color:var(--paper)}.blog-header .header-inner{height:5.3rem}.blog-header nav{display:flex;align-items:center;gap:1.5rem;font-size:.9375rem}.blog-header nav a{color:#d8e6e7}.blog-header .blog-contact{border:1px solid #78909a;padding:.45rem 1rem;border-radius:.3rem}.blog-index{padding-block:4rem}.blog-index-heading{max-width:45rem;margin-bottom:3rem}.blog-index-heading .eyebrow{color:var(--accent-dark);font-size:.875rem}.blog-index-heading h1{font-size:clamp(2.3rem,4vw,3.5rem);max-width:none;margin:1.25rem 0}.blog-index-heading p{font-size:1.125rem;color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.blog-card{background:#fff;padding:2rem;border:1px solid var(--line);border-top:3px solid var(--ink)}.blog-card-meta{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;color:var(--muted);font-size:.875rem}.blog-card-meta span{color:var(--accent-dark);font-weight:700}.blog-card h2{font-size:1.6rem;line-height:1.5;letter-spacing:-.02em;margin:1.25rem 0 1rem;overflow-wrap:anywhere}.blog-card p{color:var(--muted);line-height:1.85;overflow-wrap:anywhere}.blog-read{display:inline-block;color:var(--accent-dark);font-weight:700;margin-top:.5rem}.blog-card a:hover{text-decoration:underline}.blog-empty{background:#fff;padding:clamp(2rem,6vw,4rem);border:1px solid var(--line);border-left:4px solid var(--accent);max-width:54rem}.blog-empty>span{color:var(--accent-dark);font-weight:700;font-size:.875rem}.blog-empty h2{margin:1rem 0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.5;letter-spacing:-.02em}.blog-empty p{color:var(--muted);max-width:40rem}.blog-pagination{display:flex;justify-content:space-between;margin-top:2rem}.blog-article{width:min(100% - 3rem,760px);margin:0 auto;padding:3rem 0 4rem}.blog-back{font-size:.9375rem;color:var(--muted);text-decoration:underline;text-underline-offset:.3em}.article-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin:2rem 0 1.2rem;color:var(--muted);font-size:.875rem}.article-meta>span:first-child{color:var(--accent-dark);font-weight:700}.article-heading{border-bottom:1px solid var(--line);padding-bottom:1.75rem;margin-bottom:2.25rem}.article-heading h1{font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.4;letter-spacing:-.025em;max-width:none;margin:0 0 1.25rem;overflow-wrap:anywhere}.article-excerpt{font-size:1.125rem;color:#526b74;line-height:1.9;margin-bottom:0;overflow-wrap:anywhere}.prose{font-size:1.125rem;line-height:1.95;overflow-wrap:anywhere;color:#203b48}.prose> :first-child{margin-top:0}.prose p{margin:0 0 1.4em}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--ink);letter-spacing:-.02em;line-height:1.5;margin:2em 0 .8em;font-weight:800}.prose h1{font-size:1.8em;max-width:none}.prose h2{font-size:1.5em}.prose h3{font-size:1.22em}.prose ul,.prose ol{padding-left:1.5em;margin:0 0 1.4em}.prose li{margin:.4em 0}.prose blockquote{margin:1.5em 0;padding:.8em 1.2em;border-left:3px solid var(--accent);background:#e7efec;color:#48616b}.prose blockquote p:last-child{margin:0}.prose a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:.2em}.prose pre{background:#102c3a;color:#e8f0ed;border-radius:.4rem;padding:1.3rem;max-width:100%;overflow:auto;line-height:1.7;font-size:.875rem;margin:1.7em 0}.prose code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em}.prose :not(pre)>code{background:#dfe9e5;padding:.15em .35em;border-radius:.2rem}.prose table{display:block;width:max-content;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.9375rem;margin:1.5em 0}.prose th,.prose td{padding:.7em 1em;border:1px solid #c7d5d0;min-width:7em}.prose th{background:#e0eae6;text-align:left}.prose img{height:auto;max-width:100%;border-radius:.4rem;margin:1.5em auto}.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}.prose details{padding:1rem;background:#e7efec;margin-bottom:1.5em}.blog-demo{margin:3rem 0;padding:1.5rem;background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent)}.demo-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.demo-heading h2{font-size:1.25rem;line-height:1.5;margin:.4rem 0 0;letter-spacing:-.01em}.demo-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.demo-controls .button{font-size:.875rem;min-height:2.6rem;padding:.6rem 1rem}.demo-stop,.editor-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.demo-stage{border:1px solid var(--line);background:#f3f7f5;border-radius:.3rem;overflow:hidden}.demo-stage>p{padding:2rem 1rem;margin:0;color:var(--muted);text-align:center;font-size:.9375rem}.demo-frame{display:block;border:0;width:100%;height:440px;background:#f3f7f5}.article-cta{background:var(--ink);color:#fff;padding:2rem;margin:3rem 0 2rem}.article-cta h2{font-size:1.4rem;line-height:1.5;letter-spacing:-.01em;margin:.8rem 0}.article-cta p{color:#bfd2d5}.article-cta .form-kicker{color:var(--accent)}.blog-page [hidden],.blog-admin-page [hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.blog-admin-page{background:#eef3f1}.blog-editor-main{width:min(100% - 3rem,1500px);margin:2rem auto 4rem}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.editor-heading .eyebrow{font-size:.875rem;color:var(--accent-dark)}.editor-heading h1{max-width:none;font-size:2rem;letter-spacing:-.02em;margin:.6rem 0}.editor-heading p{margin:0;color:var(--muted);font-size:.9375rem}.editor-message{min-height:1.7rem;font-size:.9375rem;margin:1rem 0;color:var(--muted)}.editor-message.error{color:#a02e22}.editor-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:1.25rem;align-items:start}.post-library{background:#fff;border:1px solid var(--line);border-radius:.35rem;overflow:hidden;position:sticky;top:1rem}.library-heading{padding:1.2rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:.5rem}.library-heading h2{font-size:1rem;letter-spacing:0;margin:0}.library-heading span{color:var(--muted);font-size:.875rem}.post-list-empty{padding:1.2rem;color:var(--muted);font-size:.9375rem}.post-item{display:block;width:100%;text-align:left;padding:1rem 1.2rem;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink)}.post-item:hover,.post-item[aria-current=true]{background:#e6eeeb}.post-item[aria-current=true]{box-shadow:inset 3px 0 var(--accent)}.post-item strong{display:block;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.6}.post-item small{display:block;font-size:.8125rem;color:var(--muted);margin-top:.4rem}.post-paging{padding:.75rem;display:flex;justify-content:space-between;gap:.5rem}.post-paging button,.text-button{border:0;background:none;padding:.35rem;color:var(--accent-dark);font-size:.875rem;text-decoration:underline;text-underline-offset:.2em}.post-paging button:disabled{color:var(--muted);opacity:.5;cursor:default}.editor-workspace{background:#fff;border:1px solid var(--line);border-radius:.35rem;min-width:0;overflow:hidden}.post-meta-fields{padding:1.5rem 1.5rem .5rem}.blog-field{margin-bottom:1rem}.blog-field label,.writing-panel>div[role=tabpanel]>label{display:block;font-size:.9375rem;font-weight:700;margin-bottom:.4rem}.blog-field input,.blog-field textarea,.writing-panel input{font:inherit;font-size:1rem;width:100%;padding:.7rem .85rem;color:var(--ink);background:#fff;border:1px solid #baccc6;border-radius:.25rem;min-width:0}.blog-field textarea{resize:vertical;line-height:1.7}.blog-field small{display:block;font-size:.8125rem;color:var(--muted);margin-top:.35rem}.meta-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.slug-input{display:flex;align-items:center;border:1px solid #baccc6;border-radius:.25rem;overflow:hidden}.slug-input span{font-size:.875rem;background:#f0f5f3;color:var(--muted);padding:.7rem;align-self:stretch;display:flex;align-items:center}.slug-input input{border:0;border-radius:0}.slug-input input:read-only{background:#f4f7f5;color:var(--muted)}.editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;padding:1rem 1.5rem;border-block:1px solid var(--line);background:#f6f9f7;position:sticky;top:0;z-index:2}.editor-actions .button{min-height:2.6rem;font-size:.875rem;padding:.6rem .9rem}.post-status{font-size:.875rem;color:var(--muted);margin-right:auto}.editor-actions a{color:var(--accent-dark);text-decoration:underline;font-size:.875rem}.editing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.writing-panel{min-width:0;border-right:1px solid var(--line);padding:1.2rem}.writing-heading,.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.writing-heading h2,.preview-heading h2{font-size:1rem;letter-spacing:0;margin:0}.editor-tabs{display:flex;gap:.2rem;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:1rem}.editor-tabs button{border:0;background:none;padding:.65rem .6rem;font-size:.875rem;color:var(--muted);border-bottom:2px solid transparent}.editor-tabs button[aria-selected=true]{color:var(--accent-dark);font-weight:700;border-bottom-color:var(--accent)}.markdown-tools{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.6rem}.markdown-tools button{background:#f1f5f3;border:1px solid var(--line);padding:.25rem .5rem;color:var(--ink);border-radius:.2rem;font-size:.875rem}.code-editor{display:block;width:100%;min-height:400px;resize:vertical;border:1px solid #baccc6;border-radius:.25rem;padding:1rem;font:400 .9375rem/1.8 ui-monospace,SFMono-Regular,Consolas,"Microsoft JhengHei",monospace;color:#173747;background:#f9fbfa;tab-size:2}.markdown-editor{min-height:550px}.editor-help{font-size:.875rem;line-height:1.8;color:var(--muted);margin:.75rem 0}.writing-panel input{margin-bottom:1rem}.writing-guide{margin-top:1.3rem;font-size:.875rem;color:var(--muted);line-height:1.9;border-top:1px solid var(--line);padding-top:1rem}.writing-guide summary{font-weight:700;color:var(--ink);cursor:pointer}.writing-guide p{margin:.8rem 0}.preview-panel{min-width:0;padding:1.2rem;background:#fcfdfc}.preview-heading>span{font-size:.8125rem;color:var(--muted)}.preview-article{max-width:44rem;margin:0 auto;padding-top:1rem}.preview-category{font-size:.875rem;font-weight:700;color:var(--accent-dark)}.preview-article>h1{font-size:1.8rem;max-width:none;line-height:1.5;letter-spacing:-.02em;margin:.7rem 0;overflow-wrap:anywhere}.preview-article>.article-excerpt{font-size:1rem;border-bottom:1px solid var(--line);padding-bottom:1.25rem;margin-bottom:1.5rem}.preview-article .prose{font-size:1.0625rem}.preview-demo{margin-top:2rem;border-top:2px solid var(--accent);padding-top:1rem}.preview-demo>h2{font-size:1.2rem;line-height:1.5;letter-spacing:0}.blog-admin-page button:disabled{opacity:.55;cursor:default}.blog-admin-page input:focus-visible,.blog-admin-page textarea:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}
@media(max-width:1100px){.editor-layout{grid-template-columns:190px minmax(0,1fr)}.editing-grid{grid-template-columns:1fr}.writing-panel{border-right:0;border-bottom:1px solid var(--line)}.markdown-editor{min-height:380px}.preview-panel{padding:1.5rem}}@media(max-width:700px){.blog-header .header-inner{height:auto;min-height:5rem;flex-wrap:wrap;gap:.75rem;padding-block:1rem}.blog-header .brand{font-size:.9375rem}.blog-header nav{font-size:.875rem;gap:1rem;flex-wrap:wrap}.blog-header .blog-contact{padding:.3rem .65rem}.blog-grid{grid-template-columns:1fr}.blog-index{padding-block:2.5rem}.blog-card{padding:1.5rem}.blog-article{padding-top:2rem}.blog-editor-main{width:calc(100% - 2rem);margin-top:1.5rem}.editor-layout{grid-template-columns:1fr}.post-library{position:static}#post-list{max-height:220px;overflow:auto}.editor-heading{align-items:start;flex-wrap:wrap}.editor-heading h1{font-size:1.75rem}.post-meta-fields{padding:1.2rem 1rem .4rem}.meta-pair{grid-template-columns:1fr;gap:0}.editor-actions{padding:1rem;position:static}.post-status{width:100%}.writing-panel,.preview-panel{padding:1rem}.article-cta{padding:1.5rem}.blog-demo{padding:1rem}.demo-frame{height:460px}.blog-page .footer-inner{gap:1rem;flex-wrap:wrap}}

/* Legal editor shares the existing article workspace. */
#legal-fields { border: 0; margin: 0; padding: 0; min-width: 0; }
#legal-fields:disabled { opacity: .7; }
#legal-history { display: grid; gap: 8px; max-height: 340px; overflow: auto; }
#legal-title { margin: 0; }

/* Internal article publication checklist, scoped to the admin editor. */
.blog-admin-page .platform-tracking{margin:0 0 20px;padding:16px;border:1px solid #ccd6db;border-radius:8px;min-width:0}
.blog-admin-page .platform-tracking legend{font-weight:700;padding:0 6px}
.blog-admin-page .platform-tracking p{font-size:13px;color:#52636c;margin:0 0 12px}
.blog-admin-page .platform-options{display:flex;flex-wrap:wrap;gap:12px 20px}
.blog-admin-page .platform-options label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}
.blog-admin-page .platform-options input{width:18px;height:18px;margin:0;accent-color:#a83d25}

/* Admin-only tags: no changes to public article layout. */
.blog-tag-editor{border:1px solid #d7e2de;border-radius:10px;padding:16px;margin:16px 0;min-width:0}.blog-tag-editor legend{font-weight:700}.blog-tag-editor p{font-size:13px;color:#53646b}.tag-entry{display:flex;gap:8px;flex-wrap:wrap}.tag-entry input{flex:1;min-width:160px;border:1px solid #b9cac4;border-radius:6px;padding:10px;font:inherit}.tag-chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;max-height:200px;overflow:auto}.tag-chip{font:inherit;font-size:14px;border:1px solid #bacfc6;border-radius:20px;background:#fff;padding:6px 12px;cursor:pointer;overflow-wrap:anywhere;max-width:100%}.tag-chip.selected{background:#e4f2eb;color:#174b3f}.tag-chip:disabled{opacity:.45;cursor:default}.blog-tag-editor summary{cursor:pointer}.tag-chip:focus-visible{outline:3px solid #f47a5b;outline-offset:2px}