/* Chapter News writing desk: generous type, quiet page, explicit controls. */
.news-writing-shell.page-shell{max-width:1480px;padding-top:0}
.news-writing-shell>.breadcrumb,.news-writing-shell>.page-heading{display:none}
.news-writing-shell>.workspace{display:block;margin-top:0}
.news-writing-shell .main-content{min-width:0}
.news-writer{color:#202725}
.writer-topbar{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;background:#faf7ef;border-bottom:1px solid #d6d5cb}
.writer-topbar>div:first-child{display:flex;align-items:center;gap:20px}
.writer-back{background:none;border:0;padding:12px 0;font:600 17px "IBM Plex Sans",sans-serif;color:#145b46;cursor:pointer}
.writer-topbar [data-news-writer-status]{font-size:14px;color:#60655d}
.writer-actions{display:flex;gap:10px;align-items:center}
.writer-actions .button{min-height:48px;font-size:16px}
.writer-intro{padding:30px 0 24px}
.writer-intro h1{font:700 32px "Besley",serif;line-height:1.3;margin:0 0 8px}
.writer-intro p{margin:0;color:#60655d;font-size:17px}
.writer-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;padding-bottom:80px}
.writer-paper{background:#fff;border:1px solid #d6d5cb;border-radius:8px;padding:40px 48px;min-width:0;box-shadow:0 4px 16px #20272506}
.writer-title-label{display:block;color:#536057;font-size:16px;font-weight:600}
.writer-title-label input{display:block;width:100%;border:0;border-bottom:1px solid #dddcd4;border-radius:0;padding:12px 0 24px;margin-top:4px;background:#fff;color:#202725;font:700 32px/1.4 "Besley",serif;min-height:78px}
.writer-title-label input::placeholder{color:#838a82;font-weight:500}
.writer-writing-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0}
.writer-writing-tools>span{color:#626a62;font-size:15px}
.writer-upload{position:relative;overflow:hidden;cursor:pointer;font-size:16px;min-height:46px;display:inline-flex;align-items:center}
.writer-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.writer-upload:focus-within{outline:3px solid #bf8900;outline-offset:3px}
.writer-body-label{font-size:17px;font-weight:600}
.writer-body-help{font-size:15px;line-height:1.55;color:#60655d;margin:8px 0 18px;max-width:65ch}
.news-writer #news-writer-body{display:block;width:100%;min-height:640px;resize:vertical;overflow:hidden;border:1px solid #d6d5cb;border-radius:5px;padding:22px;background:#fff;color:#202725;font:400 19px/1.85 "IBM Plex Sans",sans-serif;box-sizing:border-box}
.writer-paper>small{display:block;color:#626a62;font-size:13px;line-height:1.5;margin-top:12px}
.writer-sidebar{display:grid;gap:12px;min-width:0;position:sticky;top:106px;max-height:calc(100vh - 125px);overflow:auto}
.writer-settings{border:1px solid #d6d5cb;border-radius:8px;background:#fff;min-width:0}
.writer-settings>summary{padding:20px;cursor:pointer;font-size:17px;font-weight:600;min-height:60px;color:#202725}
.writer-settings>summary>span{display:inline-block;background:#e7f1eb;padding:2px 9px;border-radius:12px;color:#145b46;font-size:14px;margin-left:5px}
.writer-settings[open]>summary{border-bottom:1px solid #e4e4db}
.writer-settings-body{padding:20px;display:grid;gap:18px;font-size:15px;line-height:1.55}
.writer-settings-body p{margin:0;color:#5c635c}
.writer-settings-body label:not(.button){display:grid;gap:6px;font-size:15px;font-weight:500;min-width:0}
.writer-settings-body input:not([type=checkbox]),.writer-settings-body textarea,.writer-settings-body select{width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid #c9ccc3;border-radius:5px;background:#fff;font:400 16px/1.45 "IBM Plex Sans",sans-serif;color:#202725;box-sizing:border-box}
.writer-settings-body .field>span{text-transform:none;font-size:15px;letter-spacing:0}
.writer-settings-body small{color:#60655d;font-size:13px;font-weight:400}
.writer-settings-body .news-media-settings{border:0;margin:0;padding:0;box-shadow:none}
.writer-settings-body .news-media-settings>header{display:none}
.writer-settings-body .news-media-settings-body{display:grid;padding:0;gap:18px}
.writer-settings-body .news-cover-control{display:grid;grid-template-columns:1fr;padding:0;gap:12px}
.writer-settings-body .news-cover-control>img{width:100%;height:150px;object-fit:cover;border-radius:5px}
.writer-settings-body .news-cover-control input[type=file]{max-width:100%;font-size:13px}
.writer-settings-body .news-cover-picker-grid{grid-template-columns:1fr 1fr}
.writer-settings-body .news-cover-picker-grid button{padding:6px}
.writer-settings-body .news-cover-picker-grid small{display:none}
.writer-settings-body .news-supporting-upload{display:grid;gap:10px}
.writer-settings-body .news-publishing-panel{border:0;padding:0;margin:0}
.writer-settings-body .news-publishing-panel>header{display:none}
.writer-settings-body .news-publishing-controls{display:grid;grid-template-columns:1fr;gap:16px}
.writer-settings-body .news-publishing-controls>label{display:flex;align-items:flex-start;padding:0;background:none;border:0}
.writer-settings-body .news-publishing-controls input[type=checkbox],.writer-wrap input{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:#145b46}
.writer-photo+ .writer-photo{border-top:1px solid #d6d5cb;padding-top:22px}
.writer-photo{display:grid;gap:14px}
.writer-photo>header{display:flex;align-items:center;gap:12px}
.writer-photo>header img{width:72px;height:60px;object-fit:cover;border-radius:5px}
.writer-photo>header strong{display:block;font-size:16px}
.writer-photo>header button{background:none;color:#8c332b;border:0;text-decoration:underline;padding:7px 0;font:inherit;cursor:pointer}
.writer-photo-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.writer-settings-body .writer-wrap{display:flex!important;align-items:center;gap:9px}
.news-writer :is(input,textarea,select,button,summary):focus-visible{outline:3px solid #ba8400;outline-offset:3px}
/* The same flowing article layout is used for real previews and published pages. */
:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor){display:flow-root}
.news-article-page .mobile-news-article .article-flow>p{white-space:normal}
:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor) .article-inline-picture{display:block;clear:both;max-width:100%;height:auto;background:transparent;overflow:visible;margin:22px auto 26px}
:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor) .picture-small{width:28%}
:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor) .picture-medium{width:45%}
:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor) .picture-large{width:100%}
:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor) .picture-left{margin-left:0;margin-right:auto}
:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor) .picture-right{margin-right:0;margin-left:auto}
:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor) .picture-wrap.picture-left{float:left;margin:6px 28px 20px 0}
:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor) .picture-wrap.picture-right{float:right;margin:6px 0 20px 28px}
:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor) .article-inline-picture img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:5px}
:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor) .article-inline-picture figcaption{font:400 14px/1.5 "IBM Plex Sans",sans-serif;color:#596159;text-align:left;margin-top:8px;overflow-wrap:anywhere}
.article-preview-bar{position:sticky;top:10px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;padding:16px 20px;border:1px solid #cecfc5;border-radius:8px;margin-bottom:26px;box-shadow:0 3px 14px #0000000a;font-size:14px}
.article-preview-bar strong{display:block;color:#145b46;font-size:16px;margin-bottom:3px}
.article-preview-bar .button{flex-shrink:0;min-height:46px}
@media(max-width:1000px){.writer-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.writer-paper{padding:28px}.writer-topbar>div:first-child{display:grid;gap:0}.writer-topbar{gap:12px}.writer-actions{gap:6px}.writer-actions .button{font-size:14px;padding:10px 12px}}
@media(max-width:760px){.news-writing-shell.page-shell{padding:0 16px}.writer-layout{grid-template-columns:1fr;gap:20px}.writer-topbar{flex-wrap:wrap;position:sticky;padding:14px 0}.writer-topbar>div:first-child{display:flex;width:100%;justify-content:space-between;gap:10px}.writer-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.writer-actions .button{min-height:48px;padding:10px 5px;font-size:13px}.writer-intro{padding:24px 0 20px}.writer-intro h1{font-size:27px}.writer-intro p{font-size:16px}.writer-paper{padding:22px 18px}.writer-title-label input{font-size:25px}.news-writer #news-writer-body{min-height:440px!important;font-size:18px;padding:14px}.writer-body-help{font-size:14px}.writer-sidebar{gap:12px;position:static;max-height:none;overflow:visible;grid-row:1}:is(.news-article-page .mobile-news-article .article-flow,.writer-visual-editor) .article-inline-picture{float:none!important;width:100%;margin:22px 0!important}.article-preview-bar{top:0;align-items:flex-start;flex-direction:column;gap:10px;padding:14px}.article-preview-bar .button{width:100%}}
/* Keep the article at the center; reveal detailed settings only when needed. */
.writer-sidebar-heading{display:grid;gap:3px;padding:4px 2px 8px}
.writer-sidebar-heading strong{font-size:19px;color:#202725}
.writer-sidebar-heading span{font-size:14px;color:#626a62}
.writer-focus .writer-sidebar{display:none}
.writer-focus .writer-layout{grid-template-columns:minmax(0,960px);justify-content:center}
.writer-focus .writer-intro{max-width:960px;margin:auto}
.writer-focus-button{color:#145b46;border-color:#aabbb0;background:transparent}
.writer-focus-button[aria-pressed=true]{background:#e7f1eb}
.writer-layout-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.writer-layout-choices button{border:1px solid #ccd1c9;border-radius:6px;background:#fff;cursor:pointer;color:#34433a;font:500 13px/1.35 "IBM Plex Sans",sans-serif;min-height:92px;padding:10px 4px;display:grid;gap:8px;justify-items:center;align-content:center}
.writer-layout-choices button:hover{background:#f4f7f3}
.writer-layout-choices button[aria-pressed=true]{border:2px solid #145b46;background:#edf5f0;padding:9px 3px;color:#0d513c}
.writer-layout-icon{display:block;width:48px;height:31px;position:relative}
.writer-layout-icon i{position:absolute;display:block;left:0;top:0;width:19px;height:25px;border-radius:2px;background:#638d77}
.writer-layout-icon b{position:absolute;right:0;top:0;display:block;width:25px;height:31px;background:repeating-linear-gradient(to bottom,#aab8ad 0,#aab8ad 2px,transparent 2px,transparent 6px)}
.writer-layout-icon.layout-right i{left:auto;right:0}
.writer-layout-icon.layout-right b{right:auto;left:0}
.writer-layout-icon.layout-full i{width:48px;height:19px}
.writer-layout-icon.layout-full b{top:23px;width:48px;height:8px}
.writer-place-picture{padding:9px 10px;min-height:44px;border:1px solid #ccd1c9;border-radius:5px;background:#f8faf7;color:#145b46;cursor:pointer;font:500 14px "IBM Plex Sans",sans-serif}
.writer-picture-details{border-top:1px solid #e1e5dd;padding-top:4px}
.writer-picture-details>summary{cursor:pointer;padding:12px 0;color:#42574b;font-size:15px;font-weight:500}
.writer-picture-details>div{display:grid;gap:14px;padding:6px 0}
.writer-paper .writer-writing-tools{flex-wrap:wrap}
.writer-topbar .writer-actions{flex-wrap:wrap;justify-content:flex-end}
@media(min-width:1100px){.writer-paper{padding:40px}.news-writer #news-writer-body{border-color:transparent;padding:12px 0;line-height:1.85}.news-writer #news-writer-body:focus{border-color:transparent;outline-offset:10px}}
@media(max-width:1000px){.writer-focus-button{font-size:13px!important}.writer-topbar .writer-actions{gap:6px}}
@media(max-width:760px){.writer-topbar .writer-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.writer-actions .writer-focus-button{grid-column:1/-1;min-height:40px;background:#edf3ed}.writer-topbar{gap:8px;padding:10px 0}.writer-sidebar-heading{display:none}.writer-intro{padding:20px 0}.writer-settings>summary{min-height:52px;padding:15px 18px}.writer-focus .writer-layout{grid-template-columns:minmax(0,1fr)}.writer-writing-tools>span{font-size:14px}.writer-layout-choices button{font-size:14px}}

/* The editable body shares all figure widths, alignment and wrapping with readers. */
.news-writer #news-writer-body[hidden]{display:none!important}
.writer-visual-editor{display:flow-root;min-height:640px;color:#4d534d;font:400 17px/1.8 "IBM Plex Sans",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 0;outline-offset:10px}
.writer-visual-editor>p,.writer-visual-editor>div{margin:0 0 22px}
.writer-visual-editor:focus-visible{outline:3px solid #ba8400;border-radius:4px}
.writer-visual-editor>p:only-child:has(>br:only-child)::before{content:"Start writing here…";color:#838a82;pointer-events:none;float:left}
.writer-visual-editor .article-inline-picture{cursor:pointer;white-space:normal}
.writer-visual-editor .article-inline-picture:hover,.writer-visual-editor .article-inline-picture:focus-visible{outline:3px solid #ba8400;outline-offset:5px;border-radius:5px}
@media(max-width:760px){.writer-visual-editor{min-height:440px;outline-offset:5px}}