.blog-shell{padding:20px clamp(16px,3vw,40px) 60px;max-width:1600px;margin:auto;color:var(--w-ink)}
.blog-toolbar{display:flex;align-items:center;gap:10px;position:relative;overflow-x:auto;padding-bottom:12px;border-bottom:1px solid var(--w-line)}
.blog-brand{font-size:23px;font-weight:750;color:var(--w-ink);text-decoration:none}.blog-toolbar>*{flex:none}.blog-toolbar .watch-search{flex:1;min-width:180px;max-width:500px;margin:0 auto 0 14px;height:38px}.blog-toolbar .watch-chip{min-height:36px}
.blog-heading{margin:26px 0}.blog-heading h1{font-size:28px;letter-spacing:normal}.blog-heading p,.blog-card p,.blog-byline,.blog-shell small{color:var(--w-muted)}
.blog-grid{gap:22px}.blog-card{background:var(--w-raise);border:1px solid var(--w-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.blog-card-cover{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--w-raise2)}.blog-card-body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}.blog-card h2{font-size:21px;letter-spacing:normal;font-weight:650;line-height:1.3;margin:0}.blog-card h2 a,.blog-byline a{color:inherit;text-decoration:none}.blog-card h2 a:hover,.blog-byline a:hover{text-decoration:underline}.blog-card p{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;gap:16px;margin-top:auto;color:var(--w-muted);font-size:13px}.blog-tags{display:flex;gap:7px;flex-wrap:wrap}.blog-tags a{font-size:12px;background:var(--w-raise2);border-radius:5px;padding:3px 8px;color:var(--w-ink);text-decoration:none}
.blog-byline{display:flex;align-items:center;gap:9px;font-size:14px}.blog-avatar{width:28px;height:28px;object-fit:cover;border-radius:50%}.blog-initial{display:inline-grid;place-items:center;background:var(--w-raise2);font-weight:bold}.blog-state{color:var(--w-accent);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
#blog-reader,#blog-editor,#blog-discussion{max-width:900px;margin:32px auto}#blog-reader h1{font-size:clamp(30px,4vw,48px);letter-spacing:normal;line-height:1.15;margin-bottom:20px;overflow-wrap:anywhere}.blog-prose{font-size:18px;line-height:1.85;overflow-wrap:anywhere;white-space:pre-wrap;margin:26px 0}.blog-prose p{margin:0 0 1em}.blog-prose h2{font-size:28px;margin:1.4em 0 .5em}.blog-prose h3{font-size:23px}.blog-prose blockquote{border-left:3px solid var(--w-accent);padding-left:20px;color:var(--w-muted)}.blog-prose ul{padding-left:24px}.blog-prose.is-formatted{white-space:normal}.blog-prose.is-formatted p{white-space:pre-wrap}
.blog-media{margin:20px 0}.blog-media img,.blog-media video{width:100%;max-height:75vh;object-fit:contain;border-radius:12px;background:var(--w-raise)}.blog-media audio{width:100%}.blog-media figcaption{font-size:14px;color:var(--w-muted);margin-top:8px}.blog-votes,.blog-editor-actions,.blog-format,.blog-comment-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.blog-votes{padding:20px 0;border-top:1px solid var(--w-line);margin-top:24px}
#blog-editor label,#blog-comment-form label{display:block;font-size:14px;margin-bottom:18px}.blog-shell input:not([type=file]),.blog-shell textarea,.blog-shell select{width:100%;background:var(--w-raise);color:var(--w-ink);border:1px solid var(--w-line);border-radius:9px;padding:10px 12px;font:inherit;display:block;margin-top:6px}.blog-toolbar input{margin:0!important;border:0!important}.blog-shell textarea{resize:vertical;line-height:1.7}.blog-shell input:focus,.blog-shell textarea:focus{outline:2px solid #d3ff6266}.blog-editor-fields{display:grid;grid-template-columns:2fr 1fr;gap:20px}.blog-editor-heading,.blog-discussion-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.blog-editor-heading h1{font-size:28px}.blog-format{margin:18px 0 8px}.blog-format button{background:var(--w-raise2);border:1px solid var(--w-line);color:var(--w-ink);border-radius:6px;padding:6px 12px}.blog-attachments{border:1px solid var(--w-line);padding:20px;border-radius:12px;margin:20px 0}.blog-attachments h2{font-size:19px}.blog-attachment-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:12px;margin-top:15px}.blog-attachment-row img{width:80px;height:60px;object-fit:cover;border-radius:6px}.blog-attachment-row small{display:block}.blog-file input{display:block;margin-top:10px}#blog-upload-status,#blog-status:empty{margin:0}#blog-status:not(:empty){background:var(--w-raise2);padding:12px;border-radius:8px}#blog-status.is-error{color:#ffb3b3;border:1px solid #ff8a8a55}
#blog-discussion{border-top:1px solid var(--w-line);padding-top:24px}.blog-comment{padding:18px 0;border-bottom:1px solid var(--w-line)}.blog-comment-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.blog-comment-actions{font-size:13px}.blog-replies{margin-left:28px;padding-left:14px;border-left:1px solid var(--w-line)}.blog-replies .blog-comment:last-child{border-bottom:0}.blog-comment-actions button{font-size:12px}.blog-inline-form textarea{margin:12px 0}#blog-sentinel{height:2px}.blog-empty{padding:45px 0;color:var(--w-muted)}[hidden]{display:none!important}
@media(max-width:600px){.blog-toolbar .watch-search{flex:0 0 200px}.blog-shell{padding-top:12px}.blog-editor-fields{grid-template-columns:1fr;gap:0}.blog-attachment-row{grid-template-columns:50px 1fr auto}.blog-attachment-row img{width:50px;height:50px}.blog-replies{margin-left:10px}.blog-prose{font-size:17px}}

.blog-start-post{display:flex;align-items:center;gap:14px;border:1px solid var(--w-line);border-radius:12px;padding:18px 20px;margin-top:20px;background:var(--w-raise);color:var(--w-ink)}.blog-start-post span{font-weight:600;font-size:18px}.blog-start-post small{margin-left:auto}.blog-start-post:hover{border-color:var(--w-accent)}@media(max-width:600px){.blog-start-post small{display:none}}

#blog-discussion .watch-comments{margin-top:0}#blog-discussion .wc-top h2{font-size:19px}#blog-discussion .wc-compose textarea{margin:0}#blog-discussion .wc-head{font-size:13px}

/* Text-first community feed; the existing editor opens in place above it. */
#blog-directory{max-width:780px;margin:0 auto}.blog-grid{display:flex;flex-direction:column;gap:20px}.blog-heading{margin:22px 0}.blog-heading h1{font-size:23px}.blog-heading p{font-size:14px}.blog-post{border:1px solid var(--w-line);background:var(--w-raise);border-radius:12px;padding:22px;overflow:hidden}.blog-post-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.blog-post .blog-avatar{width:40px;height:40px}.blog-post h2{font-size:22px;line-height:1.4;letter-spacing:normal;font-weight:650;margin:0 0 10px}.blog-post h2 a{color:inherit;text-decoration:none}.blog-feed-text{font-size:17px;line-height:1.65;margin:10px 0}.blog-read-more{border:0;background:none;color:var(--w-muted);padding:0;font:inherit;cursor:pointer;margin-bottom:12px}.blog-read-more:hover{color:var(--w-ink);text-decoration:underline}.blog-feed-media .blog-media{margin:14px -22px}.blog-feed-media img,.blog-feed-media video{border-radius:0;max-height:560px;object-fit:contain}.blog-feed-media figcaption{padding:0 22px}.blog-post>.social-counts{display:flex;padding:16px 0 12px}.blog-feed-actions{display:flex;align-items:center;gap:12px;border-top:1px solid var(--w-line);padding-top:12px}.blog-feed-actions>[data-blog-reactions]{margin-right:auto}.blog-post .watch-comments{margin-top:22px}.blog-post .wc-top{flex-wrap:wrap}.blog-post .wc-input{margin:0}#blog-composer-slot>#blog-editor{background:var(--w-raise);border:1px solid var(--w-line);border-radius:12px;padding:22px;margin:20px 0}#blog-composer-slot>#blog-editor h1{font-size:23px}#blog-editor textarea[name=body]{min-height:180px;max-height:45vh}.blog-editor-heading{flex-wrap:wrap}.blog-editor-heading h1{margin-right:auto}
@media(max-width:600px){.blog-shell{padding-inline:0}.blog-post{padding:16px}.blog-feed-media .blog-media{margin-inline:-16px}.blog-post h2{font-size:21px}.blog-feed-actions{gap:7px}.blog-feed-actions .watch-chip{padding:6px 9px}#blog-composer-slot>#blog-editor{padding:16px}}
.blog-import-link{display:inline-block;margin:10px 0;color:var(--w-muted)}

/* Use the same responsive listing grid as Watch. */
.blog-shell #blog-directory{max-width:none;margin:0}
.blog-grid.watch-grid{display:grid;align-items:start;gap:22px 12px}
.blog-grid.watch-grid .blog-post{display:flex;flex-direction:column;min-width:0;margin:0;padding:16px;border-radius:12px}
.blog-grid.watch-grid .blog-post h2{font-size:18px;line-height:1.4}
.blog-grid.watch-grid .blog-post-head{margin-bottom:12px;flex-wrap:wrap}
.blog-grid.watch-grid .blog-byline{flex-wrap:wrap;min-width:0;font-size:12px;gap:7px}
.blog-grid.watch-grid .blog-avatar{width:28px;height:28px}
.blog-grid.watch-grid .blog-feed-text{font-size:14px;line-height:1.65}
.blog-grid.watch-grid .blog-post:not(.is-expanded) .blog-feed-media{order:-1;margin:-16px -16px 16px}
.blog-grid.watch-grid .blog-post:not(.is-expanded) .blog-media{margin:0}
.blog-grid.watch-grid .blog-post:not(.is-expanded) .blog-media img,.blog-grid.watch-grid .blog-post:not(.is-expanded) .blog-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0;max-height:none}
.blog-grid.watch-grid .blog-feed-actions{gap:8px;flex-wrap:wrap}
.blog-grid.watch-grid .blog-feed-actions .watch-chip{font-size:12px;padding:7px 10px}
.blog-grid.watch-grid .blog-post>.social-counts{font-size:12px;gap:12px;flex-wrap:wrap}
.blog-grid.watch-grid .blog-tags{margin-top:12px}
.blog-grid.watch-grid .blog-post.is-expanded,.blog-grid.watch-grid .blog-post.is-discussing{grid-column:1/-1}
.blog-grid.watch-grid .blog-post.is-expanded .blog-feed-text{font-size:18px}
.blog-grid.watch-grid .blog-post.is-expanded .blog-feed-media .blog-media{margin:16px 0}
.blog-attachment-count{display:block;padding:8px 16px;font-size:12px;color:var(--w-muted);background:var(--w-raise2)}
.profile-writing-directory .profile-columns{display:block}
.profile-writing-directory .profile-summary{display:none}
@media(max-width:600px){.blog-grid.watch-grid .blog-post.is-expanded .blog-feed-text{font-size:16px}}

/* Bound previews by rendered lines; expanded posts keep their full formatting. */
.blog-post:not(.is-expanded)>h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;min-height:2.8em;max-height:2.8em;overflow:hidden;overflow-wrap:anywhere}
.blog-post:not(.is-expanded) .blog-feed-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;min-height:4.95em;max-height:8.25em;overflow:hidden;overflow-wrap:anywhere}
.blog-post:not(.is-expanded) .blog-feed-text :is(p,h2,h3,blockquote,ul,pre){font-size:inherit;line-height:inherit;margin:0;padding-block:0}
.blog-post:not(.is-expanded) .blog-feed-text :is(p,pre,code){white-space:normal;overflow-wrap:anywhere}
.blog-post .blog-tags a{min-width:0;max-width:100%;overflow-wrap:anywhere}

/* One compact, consistently sized post per row. */
.blog-grid.watch-grid{grid-template-columns:minmax(0,1fr)}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing){height:340px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,28%);grid-template-rows:28px 44px 104px 22px 24px 24px 38px;gap:4px 20px;padding:16px;position:relative}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing):has(.blog-feed-media:empty){grid-template-columns:minmax(0,1fr)}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing)>*{min-width:0;margin:0;box-sizing:border-box;grid-column:1}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-post-head{grid-row:1;height:28px;flex-wrap:nowrap;overflow:hidden}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-byline{flex:1;flex-wrap:nowrap;overflow:hidden}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-byline>a:not(.blog-avatar){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-byline time{flex:none;font-size:11px}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-avatar{flex-shrink:0}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing)>h2{grid-row:2;height:44px;min-height:44px;max-height:44px;font-size:18px;line-height:22px}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-text{grid-row:3;height:104px;min-height:104px;max-height:104px;font-size:14px;line-height:20.8px;-webkit-line-clamp:5;line-clamp:5}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-read-more{grid-row:4;height:22px;text-align:left;justify-self:start;align-self:start}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media{grid-column:2;grid-row:1/8;order:0;height:100%;min-height:0;max-height:none;position:relative;overflow:hidden;background:var(--w-raise2);border-radius:8px}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media:empty{display:none}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media .blog-media{height:100%;margin:0}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media img,.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media video{width:100%;height:100%;max-height:100%;aspect-ratio:auto;object-fit:contain}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media figcaption{display:none}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media audio{position:absolute;top:calc(50% - 27px)}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-document{display:flex;height:100%;align-items:center;justify-content:center;padding:12px;overflow:hidden;overflow-wrap:anywhere}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-attachment-count{position:absolute;bottom:0;left:0;right:0}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-tags{grid-row:5;height:24px;min-height:24px;max-height:24px;flex-wrap:nowrap;overflow:hidden}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-tags a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:100%}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing)>.social-counts{grid-row:6;height:24px;padding:2px 0;flex-wrap:nowrap;overflow:hidden}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-actions{grid-row:7;height:38px;flex-wrap:nowrap;gap:6px;padding-top:6px}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-actions .watch-chip{padding:6px;font-size:12px;white-space:nowrap}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing)>.blog-state{position:absolute;top:4px;right:16px;z-index:1;background:var(--w-raise);padding:2px 5px;border-radius:4px}
@media(max-width:600px){
 .blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing){grid-template-columns:minmax(0,1fr) 96px;column-gap:10px}
 .blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-post-head,.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-read-more,.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-tags,.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing)>.social-counts,.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-actions{grid-column:1/-1}
 .blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media{grid-row:2/4}
}
/* Full-height editorial media rail; preserve the shared card and social controls. */
.blog-grid.watch-grid{gap:16px}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing){grid-template-columns:minmax(0,1fr) minmax(220px,34%);border-radius:10px;overflow:hidden;column-gap:20px}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media{grid-row:1/8;grid-column:2;height:calc(100% + 32px);width:calc(100% + 16px);margin:-16px -16px -16px 0;border-radius:0;border-left:1px solid var(--w-line)}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media .blog-media,.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media .blog-media>a:not(.blog-document){display:block;width:100%;height:100%;max-height:none}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media img,.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media video{display:block;object-fit:cover;border-radius:0}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-media video:fullscreen{object-fit:contain}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-attachment-count{padding:8px 10px;background:#10110fcc;color:#fff;font-size:12px;text-decoration:none}
.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-actions{border-top:1px solid var(--w-line)}
@media(max-width:600px){
 .blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing){grid-template-columns:minmax(0,1fr) 96px;column-gap:10px}
 .blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-post-head,.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-read-more,.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-tags,.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing)>.social-counts,.blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-actions{grid-column:1}
 .blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-actions{gap:3px}
 .blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-feed-actions .watch-chip{font-size:11px;padding:5px 3px}
 .blog-grid.watch-grid .blog-post:not(.is-expanded):not(.is-discussing) .blog-byline time{display:none}
}
/* Polls (blogs.js pollBox): each option is a button whose bar fills to its share of the votes. */
.blog-poll{margin:.75rem 0;display:grid;gap:.4rem}
.blog-poll-question{font-size:1.05rem;margin:0 0 .2rem}
.blog-poll-option{position:relative;display:flex;justify-content:space-between;gap:1rem;width:100%;padding:.6rem .8rem;border:1px solid var(--w-line);border-radius:10px;background:transparent;color:inherit;text-align:left;overflow:hidden;cursor:pointer;font:inherit}
.blog-poll-option::before{content:'';position:absolute;inset:0 auto 0 0;width:var(--pct,0%);background:color-mix(in srgb,currentColor 14%,transparent);transition:width .3s ease;z-index:0}
.blog-poll-option>span{position:relative;z-index:1}
.blog-poll-option.is-chosen{border-color:var(--w-accent);font-weight:600}
.blog-poll-option.is-chosen::before{background:color-mix(in srgb,var(--w-accent) 30%,transparent)}
.blog-poll-option:hover{border-color:var(--w-accent)}
.blog-poll-pct{font-variant-numeric:tabular-nums;opacity:.85}
.blog-poll-total{margin:0;font-size:.85rem;opacity:.75}
.blog-poll-fields{border:1px solid var(--w-line);border-radius:10px;padding:.6rem .9rem;display:grid;gap:.5rem}
.blog-poll-fields legend{float:none;width:auto;font-size:1rem;padding:0 .3rem;margin:0}