:root,.theme-swatch[data-palette="light"]{--paper:#faf9f5;--white:#fffefa;--ink:#27382f;--green:#254e3f;--green-hover:#183b2e;--soft-green:#edf1e8;--muted:#647066;--line:#e5e7dd;--ochre:#b18b48;--serif:'Noto Serif Tamil',Georgia,serif;--sans:'Noto Sans Tamil',Latha,Arial,sans-serif;--reading:'Mukta Malar','Noto Sans Tamil',Latha,Arial,sans-serif;color-scheme:light}

/* Immediate feedback stays visible while route data is in flight. */
#navigation-feedback[hidden]{display:none}
#main:focus{outline:none}
.navigation-progress{position:fixed;inset:0 0 auto;z-index:100;height:3px;overflow:hidden;background:var(--soft-green);pointer-events:none}
.navigation-progress:after{content:'';display:block;width:35%;height:100%;background:var(--green);animation:navigation-progress 1.3s ease-in-out infinite}
.navigation-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--green);box-shadow:0 4px 24px var(--shadow-color);font-size:12px;pointer-events:none}
.loading-spinner{animation:loading-spin .85s linear infinite;flex-shrink:0}
.section-loading{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:24px 0}
.section-loading .icon,.navigation-status .icon,.card-open-status .icon,.button-loading .icon{width:20px;height:20px}
.skeleton{background:var(--line);border-radius:5px;animation:skeleton-pulse 1.6s ease-in-out infinite}
.skeleton-title{height:64px;max-width:80%;margin:24px 0}
.skeleton-line{height:14px;margin-bottom:22px}
.skeleton-line:nth-child(3n){width:74%}
.reading-skeleton{padding:16px 0;min-height:260px}
.post-card,.featured-card{position:relative;transition:border-color .12s,box-shadow .12s,background-color .12s}
.post-card.is-touching,.featured-card.is-touching,.post-card.is-opening,.featured-card.is-opening{background:var(--soft-green);border-color:var(--green);box-shadow:0 0 0 2px var(--soft-green)}
.card-open-status{position:absolute;z-index:5;right:10px;bottom:calc(var(--card-footer-height,64px) + 8px);display:flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--green);font-size:11px;pointer-events:none}
.is-opening .card-title{color:var(--green)}
a[data-link],button,summary{touch-action:manipulation}
.icon-button:active,.button:active,.text-button:active,.mobile-nav a:active,.mobile-nav button:active,.category-nav a:active,.back-link:active{background:var(--soft-green);color:var(--green);box-shadow:inset 0 0 0 1px var(--line)}
.card-title:focus-visible,.card-preview:focus-visible,.card-image:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:3px}
button[aria-busy=true]{position:relative;cursor:wait;opacity:1}
button[aria-busy=true]:not(.mutation-pending)>.icon{visibility:hidden}
.button-loading{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.mutation-pending{outline:1px dashed var(--line);outline-offset:2px;cursor:pointer!important}
.comment-pending{opacity:.7}
.save-status{margin:8px 0;flex-basis:100%}
.workspace-row[hidden]{display:none}
.published-editor{margin-left:10px;font-size:9px}
.icon-button>.button-loading{position:absolute;inset:0;background:var(--white);border-radius:inherit;color:var(--green)}
.profile-button>.button-loading{position:absolute;inset:0;color:var(--green);border-radius:inherit}
.profile-button[aria-busy=true]>.avatar{visibility:hidden}
.section-load-error{padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--soft-green);font-size:12px}
.section-load-error button{min-height:44px;margin-left:6px}
@keyframes loading-spin{to{transform:rotate(360deg)}}
@keyframes navigation-progress{from{transform:translateX(-100%)}to{transform:translateX(386%)}}
@keyframes skeleton-pulse{50%{opacity:.45}}
@media(max-width:760px){.navigation-status{bottom:calc(82px + env(safe-area-inset-bottom))}.card-open-status{font-size:10px}.article-loading .article-header h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.navigation-progress:after{width:100%}}

/* Compact folder-managed hero with navigation over the contained artwork. */
.hero{--hero-height:clamp(160px,24vw,280px);margin:20px 0;border:1px solid var(--line);border-radius:10px;background:var(--paper);overflow:hidden;min-width:0}
.hero [hidden],.hero[hidden]{display:none!important}
.hero-stage{position:relative;height:var(--hero-height);background:var(--hero-background,var(--soft-green))}
.hero-slide picture{display:block;height:var(--hero-height);background:var(--hero-background,var(--soft-green))}
.hero-slide img{width:100%;height:100%;object-fit:contain;animation:hero-reveal .45s ease-out}
.hero-text{position:absolute;z-index:2;top:10px;right:10px;max-width:calc(100% - 20px);color:var(--ink)}
.hero-text summary{cursor:pointer;color:var(--green);font-size:10px;width:fit-content;margin-left:auto;padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:var(--white);opacity:0;transition:opacity .2s}
.hero:hover .hero-text summary,.hero:focus-within .hero-text summary,.hero-text[open] summary{opacity:1}
.hero-text p{margin-top:6px;padding:12px 16px;max-width:540px;max-height:calc(var(--hero-height) - 90px);overflow-y:auto;overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2;background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 18px #0002}
.hero-controls{position:absolute;z-index:1;bottom:8px;left:50%;transform:translateX(-50%);max-width:calc(100% - 20px);color:var(--hero-indicator-color,var(--green))}
.hero-indicators{display:flex;flex-wrap:wrap;justify-content:center}
.hero-indicator{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit}
.hero-indicator:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
.hero-indicator span{width:5px;height:5px;background:currentColor;border-radius:50%;opacity:.35;transition:opacity .2s,width .2s}
.hero-indicator[aria-current="true"] span{width:12px;border-radius:4px;opacity:.7}
.hero-indicator:hover span,.hero-indicator:focus-visible span{opacity:1}
@keyframes hero-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.hero{margin:16px 0;border-radius:7px}.hero.has-mobile{--hero-height:280px}.hero-controls{bottom:6px}.hero-text{top:6px;right:6px;max-width:calc(100% - 12px)}}
@media(hover:none){.hero-text summary{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-slide img{animation:none}.hero-indicator span,.hero-text summary{transition:none}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--focus);outline-offset:1px}h1,h2,h3,p{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--sans);font-weight:600}img{display:block;max-width:100%}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border:1px solid var(--green);border-radius:6px;background:var(--green);color:var(--on-accent);font-size:12px;font-weight:500;line-height:1.6;transition:background .18s,transform .18s}.button:hover:not(:disabled){background:var(--green-hover)}.button.secondary{background:transparent;color:var(--green);border-color:var(--line)}.button.secondary:hover:not(:disabled){background:var(--soft-green)}.button.danger{background:var(--danger-surface);color:var(--danger-text);border-color:var(--danger-line)}.button.selected{background:var(--soft-green);color:var(--green)}.icon-button{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:6px;color:var(--ink)}.icon-button:hover{background:var(--soft-green)}.selected{color:var(--green)}.icon-button.selected .icon{fill:var(--soft-green)}.text-button{border:0;background:none;padding:5px;color:var(--green);font-size:12px;display:inline-flex;align-items:center;gap:6px}.text-button:hover{text-decoration:underline}.small{font-size:11px}.muted{color:var(--muted)}.eyebrow{font:500 10px/1.8 var(--sans);letter-spacing:.05em;color:var(--green)}.tiny-line{display:inline-block;width:24px;height:1px;margin-right:8px;background:var(--ochre);vertical-align:middle}.quiet-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:11px}.quiet-link .icon{width:16px}.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}.hidden{display:none!important}.skip-link{position:fixed;left:16px;top:-80px;padding:12px;background:var(--green);color:var(--on-accent);z-index:100}.skip-link:focus{top:12px}.container{max-width:1220px;margin:0 auto;padding:0 42px}
.initial-loading{min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.initial-loading span{color:var(--muted)}.demo-banner{background:var(--soft-green);color:var(--muted);font-size:10px;padding:6px 32px;display:flex;justify-content:space-between;align-items:center;gap:14px}.demo-banner>div{display:flex;align-items:center;gap:9px}.demo-banner select{padding:2px 8px;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--green);font-size:10px}.demo-banner .text-button{font-size:10px;padding:0}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{max-width:1300px;padding:24px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand strong{display:block;font:600 24px/1.4 var(--serif);letter-spacing:-.4px}.brand small{display:block;font:9px/1.9 Arial,sans-serif;letter-spacing:2.8px;color:var(--muted)}.desktop-nav{display:flex;gap:29px;font-size:11px;padding-top:5px}.desktop-nav a{position:relative}.desktop-nav a.active{color:var(--green);font-weight:600}.desktop-nav a.active:after{content:'';height:2px;background:var(--green);position:absolute;bottom:-32px;left:0;right:0}.header-actions{display:flex;align-items:center;gap:12px}.write-button{padding:10px 16px}.login-button{font-size:10px;white-space:nowrap}.profile-button{border:0;padding:0;background:none;border-radius:50%}.mobile-nav{display:none}.avatar{width:28px;height:28px;object-fit:cover;border-radius:50%;flex-shrink:0}.monogram{display:inline-flex;align-items:center;justify-content:center;background:var(--soft-green);color:var(--green);font:500 13px var(--serif);border:1px solid var(--line)}.avatar.large{width:58px;height:58px;font-size:26px}.avatar.portrait{width:104px;height:104px;font-size:42px}
.welcome{padding:49px 0 40px;display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:35px}.welcome h1{font-size:34px;line-height:1.7;letter-spacing:-.6px;margin:14px 0 14px}.welcome h1 span{color:var(--green)}.welcome p{color:var(--muted);font-size:12px;line-height:2.1}.welcome-link{display:inline-flex;align-items:center;gap:12px;margin-top:23px;font-size:11px;color:var(--green)}.welcome-link .icon{width:16px}.welcome-art{height:215px;position:relative;display:flex;align-items:center;justify-content:center}.welcome-art>img{width:106px;height:106px;transform:rotate(-10deg);box-shadow:14px 15px 0 var(--soft-green);border-radius:31px;z-index:2}.art-orbit{position:absolute;width:213px;height:213px;border:1px dashed var(--line);border-radius:50%;transform:rotate(20deg)}.art-orbit:after{content:'';position:absolute;inset:19px;border:1px solid var(--line);border-radius:50%}.art-letter{position:absolute;font:500 35px var(--serif);color:var(--muted)}.letter-one{top:8px;left:16%}.letter-two{right:13%;top:83px;font-size:30px;color:var(--ochre)}.letter-three{bottom:18px;left:24%;font-size:24px}.art-caption{position:absolute;bottom:-14px;font-size:9px;color:var(--muted);letter-spacing:.025em}.today{align-self:start;margin-top:13px;display:flex;align-items:flex-start;gap:10px;font-size:10px;white-space:nowrap;color:var(--muted)}.today .icon{color:var(--ochre);width:17px}.today small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.category-nav{display:flex;gap:28px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;font-size:11px;overflow:auto;scrollbar-width:none;white-space:nowrap}.category-nav a{position:relative;padding:0 2px}.category-nav .selected{font-weight:600;color:var(--green)}.category-nav .selected:after{content:'';position:absolute;left:0;right:0;bottom:-20px;height:2px;background:var(--green)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:35px;padding:31px 0 55px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.section-heading h2{font-size:17px;display:flex;align-items:center;gap:9px}.section-heading h3{font-size:13px}.green-dot{width:5px;height:5px;background:var(--green);border-radius:50%;display:inline-block}.featured-card{border:1px solid var(--line);border-radius:8px;background:var(--white);overflow:hidden;margin-bottom:22px;display:grid;grid-template-columns:.98fr 1.05fr;min-height:285px}.featured-card .card-image{height:100%;min-height:285px}.card-image{overflow:hidden;display:block}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card-image:hover img{transform:scale(1.035)}.card-content{padding:20px 23px 16px}.card-top{display:flex;align-items:center;gap:7px;min-height:31px;margin-bottom:12px}.category-label{font-size:9px;color:var(--green);background:var(--soft-green);border-radius:3px;padding:3px 8px;white-space:nowrap}.issue-label{font-size:9px;color:var(--warm-text);background:var(--warm-surface);border-radius:3px;padding:3px 8px;white-space:nowrap;display:inline-block}.bookmark-button{margin-left:auto;width:24px;height:24px}.bookmark-button .icon{width:16px;height:16px}.card-title h2{font-size:20px;line-height:1.9;margin-bottom:10px}.card-title:hover{color:var(--green)}.card-excerpt{color:var(--muted);font-size:10px;line-height:2;margin-bottom:17px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:8px}.author-meta{display:flex;align-items:center;gap:7px;color:var(--green);font-size:9px}.author-meta .avatar{width:23px;height:23px;font-size:11px}.meta-dot{color:var(--muted)}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--muted);font-size:8px;margin-top:19px;padding-top:11px;border-top:1px solid var(--line)}.card-bottom>span:last-child{display:flex;align-items:center;gap:5px}.card-bottom .icon{width:12px;height:12px}.comment-count{display:inline-flex;gap:5px;margin-left:10px;align-items:center}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.post-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--white);display:flex;flex-direction:column}.post-card .card-image{height:157px;flex-shrink:0}.post-card .card-content{padding:13px 20px 16px;flex:1;display:flex;flex-direction:column}.post-card .card-title h3{font-size:16px;line-height:1.95;margin-bottom:10px}.post-card .card-bottom{margin-top:auto}.post-card .meta{margin-bottom:15px}.text-art{background:var(--soft-green);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:var(--muted)}.text-art .icon{width:85px;height:85px;stroke-width:1}.load-more{width:100%;margin-top:26px;background:transparent;color:var(--green);border-color:var(--line)}.load-more:hover:not(:disabled){background:var(--soft-green)}
.sidebar{padding-top:47px}.invitation{border:1px solid var(--line);background:var(--soft-green);border-radius:8px;padding:25px 23px}.invitation>.icon{color:var(--muted);width:25px;height:25px;margin-bottom:17px}.invitation .eyebrow{display:block;color:var(--muted);font-size:8px}.invitation h2{font-size:15px;line-height:2;margin:8px 0 13px}.invitation p{font-size:10px;color:var(--muted);line-height:2.2;margin-bottom:20px}.invitation .button{width:100%;font-size:10px;padding:10px}.invitation small{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;margin-top:12px;color:var(--muted)}.invitation small .icon{width:13px}.sidebar-section{padding:31px 0 27px}.author-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.author-row:first-of-type{padding-top:0}.author-row>.avatar{width:36px;height:36px;font-size:17px}.author-row strong{display:block;font-size:10px;font-weight:500}.author-row small{display:block;font-size:8px;color:var(--muted);max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.author-row>.icon{width:13px;margin-left:auto;color:var(--muted)}.sidebar-section .quiet-link{margin-top:16px;font-size:9px}.magazine-promo{background:var(--warm-surface);border-radius:7px;padding:23px 20px;position:relative;overflow:hidden;min-height:243px}.magazine-promo .eyebrow{font-size:7px;color:var(--warm-text)}.magazine-promo h3{font-size:19px;line-height:1.7;margin:12px 0 9px}.magazine-promo p{font-size:9px;color:var(--warm-text);margin-bottom:16px}.magazine-promo>a{font-size:9px;color:var(--warm-text);display:flex;gap:8px;align-items:center;position:relative;z-index:2}.magazine-promo>a .icon{width:15px}.magazine-art{width:82px;height:132px;position:absolute;right:-6px;bottom:17px;background:var(--decor-surface);border:7px solid var(--line);box-shadow:4px 6px 0 var(--decor-shadow);transform:rotate(12deg);color:var(--green);font:500 12px/1.8 var(--serif);padding:16px 8px}.magazine-art>span{font:8px var(--sans);display:block;padding-top:8px;border-top:1px solid var(--line);margin-top:5px}.sidebar-note{display:flex;gap:10px;padding:27px 13px;color:var(--muted)}.sidebar-note .icon{width:22px;margin-top:3px}.sidebar-note p{font-size:9px;line-height:2}
footer{border-top:1px solid var(--line);background:var(--footer-surface);padding:32px 42px 0}.footer-main,.footer-bottom{max-width:1136px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-main .brand strong{font-size:17px}.footer-main .brand small{font:9px var(--sans);letter-spacing:0;margin-top:7px}.footer-main>p{font:11px var(--serif);color:var(--muted)}.footer-main>div{display:flex;gap:22px;font-size:9px;color:var(--muted)}.footer-bottom{margin-top:26px;border-top:1px solid var(--line);padding:16px 0;font-size:8px;color:var(--muted)}.footer-bottom>span:last-child{display:flex;gap:8px;align-items:center}.footer-bottom .icon{width:12px}.page-container{padding-top:50px;padding-bottom:70px;min-height:60vh}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:40px}.page-heading h1{font-size:29px;line-height:1.9;margin:12px 0}.page-heading p{color:var(--muted);font-size:12px;max-width:650px}.page-heading>.button{flex-shrink:0}.empty-state{text-align:center;padding:65px 20px;color:var(--muted)}.empty-state>.icon{width:45px;height:45px;color:var(--muted);margin-bottom:18px;stroke-width:1}.empty-state h2{font-size:20px;color:var(--ink);margin-bottom:14px}.empty-state p{font-size:12px;margin-bottom:25px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:28px}.tabs a{padding:12px 0;font-size:12px}.tabs a.selected{border-bottom:2px solid var(--green)}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.series-card{padding:32px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.series-card>.icon{display:block;width:35px;height:35px;margin-bottom:23px;color:var(--muted)}.series-card h2{font-size:19px;margin:15px 0;line-height:2}.series-card p{color:var(--muted);font-size:11px;margin-bottom:20px}.series-card>span:last-child{font-size:10px;color:var(--green)}.series-heading{margin-bottom:25px;font-size:23px}.author-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.author-card{border:1px solid var(--line);padding:30px;background:var(--white);border-radius:8px}.author-card h2{font-size:18px;margin:23px 0 14px}.author-card p{font-size:11px;color:var(--muted);min-height:65px;margin-bottom:20px}.author-card>span:last-child{font-size:10px;color:var(--green)}.inline-search{display:flex;align-items:center;gap:10px;width:360px;max-width:100%;margin-bottom:30px;border:1px solid var(--line);background:var(--white);border-radius:6px;padding:5px 14px}.inline-search input{border:0;background:transparent;width:100%}.author-profile{display:flex;align-items:center;gap:30px;background:var(--soft-green);border:1px solid var(--line);border-radius:10px;padding:40px;margin-bottom:44px}.author-profile>div{flex:1}.author-profile h1{font-size:29px;margin:10px 0}.author-profile p{color:var(--muted);font-size:12px;max-width:680px}.contact-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;font-size:11px;color:var(--green)}
.reading-container{max-width:815px;padding:40px 40px 70px;margin:auto;min-height:70vh}.back-link{font-size:10px;color:var(--muted);display:inline-block;margin-bottom:35px}.article-header h1{font-size:34px;line-height:1.9;margin:22px 0 17px}.article-header>div:first-child{display:flex;gap:10px;flex-wrap:wrap}.article-deck{font:400 15px/2.1 var(--serif);color:var(--muted)}.article-meta{display:flex;align-items:center;justify-content:space-between;margin:28px 0 24px;font-size:10px;color:var(--muted)}.article-meta .author-meta{font-size:11px}.article-meta .avatar{width:32px;height:32px}.reading-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin:20px 0 25px;border-block:1px solid var(--line);font-size:10px;color:var(--muted)}.reading-toolbar>div{display:flex;gap:9px}.article-cover{width:100%;max-height:440px;object-fit:cover;border-radius:7px;margin-bottom:40px}.prose{font:400 17px/2.4 var(--serif);overflow-wrap:anywhere}
/* Mukta Malar is reserved for post bodies and their writing previews. */
.reading-container .prose,#writing-preview{font-family:var(--reading);font-size:19px}
.reading-container .prose :is(h1,h2,h3,h4,h5,h6),.writing-body :is(h1,h2,h3,h4,h5,h6),#writing-preview :is(h1,h2,h3,h4,h5,h6){font-family:var(--reading)}
.prose p{margin-bottom:29px}.prose h2{font-size:1.2em;margin:38px 0 22px;line-height:2}.prose blockquote{margin:30px 0;padding:14px 25px;border-left:3px solid var(--line);background:var(--soft-green);color:var(--green);font-size:1.07em}.prose ul{padding-left:28px;line-height:2.3;margin-bottom:28px}.prose.font-1{font-size:21px}.prose.font-2{font-size:23px}.prose.font-3{font-size:25px}.article-tags{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0}.article-tags a{background:var(--soft-green);color:var(--green);padding:5px 11px;border-radius:4px;font-size:10px}.article-author-box{border-block:1px solid var(--line);padding:27px 0;display:flex;gap:20px;margin-top:30px}.article-author-box h3{font-size:15px;margin-bottom:8px}.article-author-box p{color:var(--muted);font-size:11px;margin-bottom:12px}.article-author-box a{font-size:10px;color:var(--green)}.series-navigation{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:20px 0;gap:15px;font-size:11px}.reactions{text-align:center;margin:34px 0 50px}.reactions p{font-size:12px;color:var(--muted);margin-bottom:19px}.reactions>div{display:flex;justify-content:center;gap:12px}.reactions .button{font-size:10px}.discussion{border-top:1px solid var(--line);padding-top:32px}.discussion .section-heading h2{font-size:21px}.discussion .section-heading h2 span{font:12px var(--sans);color:var(--muted)}.discussion select{width:auto;font-size:10px;padding:8px}.discussion>p{margin-bottom:23px}.discussion form>.button{margin-top:12px}.comment{border-top:1px solid var(--line);padding:23px 0;margin-top:16px}.comment-heading{display:flex;align-items:center;gap:9px;font-size:10px}.comment-heading>span{margin-left:auto;font-size:8px;color:var(--muted)}.comment>p{font-size:12px;line-height:2;margin:17px 0 13px;white-space:normal;overflow-wrap:anywhere}.comment-actions{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.comment-actions .text-button{font-size:9px;color:var(--muted)}.comment-actions .text-button.selected{color:var(--green);background:var(--soft-green);border-radius:4px}.comment-actions .icon{width:16px;height:16px}.reply-comment{margin-left:22px;padding-left:18px;border-left:1px solid var(--line)}.first-comment{padding:35px 0;text-align:center;font-size:12px}
label{display:block;font-size:12px;color:var(--ink);margin-bottom:20px}input,textarea,select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--ink);margin-top:9px;font-size:12px}textarea{resize:vertical;line-height:2}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=file]{font-size:10px;padding:10px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--green);margin:0}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:11px}.optional{font-size:9px;color:var(--muted);margin-left:9px}.form-container{max-width:760px}.profile-photo{display:flex;align-items:center;gap:25px;margin:35px 0}.profile-photo label{margin-bottom:0}.profile-photo small,label small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.writing-container{max-width:1030px}.title-input{font:600 22px/1.8 var(--sans)}.form-row{display:grid;grid-template-columns:1fr 2fr;gap:22px}.editor-toolbar{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;background:var(--soft-green);padding:10px}.editor-toolbar button{border:0;background:transparent;display:flex;align-items:center;gap:6px;border-radius:4px;padding:5px 10px;color:var(--green);min-height:32px}.editor-toolbar button:hover{background:var(--soft-green)}.editor-toolbar button>span{font-size:9px}.editor-toolbar>span{margin-left:auto;font-size:10px;color:var(--muted)}.writing-body{min-height:400px;font:400 19px/2.4 var(--reading);border-radius:0 0 6px 6px;margin:0;padding:26px}.writing-body.hidden+.prose{min-height:400px;padding:26px;border:1px solid var(--line)}.additional-options{border:1px solid var(--line);border-radius:6px;padding:16px 20px;margin:25px 0}.writing-options-heading{color:var(--green);font-size:11px;font-weight:500;margin:0 0 20px}.writing-options-heading span{color:var(--muted);font-size:9px;margin-left:10px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.writing-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}.writing-footer>span{font-size:10px;color:var(--muted)}.writing-footer small{display:block;font-size:9px;margin-top:5px}.writing-footer>div{display:flex;gap:12px}.form-error{color:var(--danger-text);font-size:12px;margin:18px 0}.notice{background:var(--warm-surface);border:1px solid var(--warm-line);color:var(--warm-text);border-radius:5px;padding:14px 18px;font-size:11px;margin-bottom:24px}.workflow{display:flex;align-items:center;gap:20px;background:var(--soft-green);border:1px solid var(--line);border-radius:6px;padding:15px 25px;margin-bottom:28px;font-size:11px;color:var(--muted)}.workflow .icon{width:16px}.workspace-list{border-top:1px solid var(--line)}.workspace-row{display:flex;align-items:center;gap:25px;padding:25px 12px;border-bottom:1px solid var(--line)}.workspace-row>div:first-child{flex:1}.workspace-row>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex-shrink:0}.workspace-row h3{font-size:17px;line-height:2;margin:8px 0}.workspace-row p{font-size:10px;color:var(--muted)}.workspace-row .button{font-size:10px}.status{font-size:9px;padding:4px 10px;border-radius:4px;background:var(--soft-green);color:var(--muted)}.status.submitted{background:var(--warm-surface);color:var(--warm-text)}.status.published{background:var(--soft-green);color:var(--green)}.status.rejected{background:var(--danger-surface);color:var(--danger-text)}.status.changes_requested{background:var(--info-surface);color:var(--info-text)}.editor-note{font-size:11px;padding:9px 13px;background:var(--warm-surface);margin-top:12px;color:var(--warm-text);max-width:650px}.workspace-row .queue-number{font:500 23px var(--serif);color:var(--muted);flex:0}.workspace-row .queue-number+div{flex:1}.review-checklist{padding:24px;background:var(--soft-green);margin:25px 0;border-radius:6px}.review-checklist h3{font-size:15px;margin-bottom:22px}.review-checklist label:last-child{margin-bottom:0}.review-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.reports-heading{margin-top:45px}.role-form{display:flex;align-items:center;gap:15px}.role-form select{min-width:120px;margin:0}.error-detail{color:var(--danger-text);font-size:11px;text-align:center}.about-page .page-heading h1{font-size:30px}.about-page .prose{font-size:15px}
dialog{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);max-width:530px;width:calc(100% - 32px);box-shadow:0 18px 80px var(--shadow-color)}dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.modal-heading h2{font-size:20px;line-height:1.9}.modal-heading .icon-button{flex-shrink:0}.google-button{width:100%;background:var(--white);color:var(--ink);border-color:var(--line);margin:22px 0}.google-button:hover:not(:disabled){background:var(--soft-green)}.google-g{font:bold 19px Arial,sans-serif;color:#4779ba}.demo-login{border-top:1px solid var(--line);padding:20px 0}.demo-login p{font-size:11px;color:var(--muted);margin-bottom:14px}.account-links{display:flex;flex-direction:column;gap:8px}.account-links>a{display:flex;align-items:center;gap:12px;padding:12px 10px;font-size:12px;border-radius:4px}.account-links>a:hover{background:var(--soft-green)}.account-links>button{border-top:1px solid var(--line);margin-top:10px;padding:15px 10px}.search-form{display:flex;gap:10px}.search-form input{margin:0;min-width:0}.history-entry{border-top:1px solid var(--line);padding:18px 0}.history-entry strong{font-size:12px}.history-entry>span{float:right;color:var(--muted);font-size:9px}.history-entry p{font-size:11px;margin-top:10px;color:var(--muted)}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);max-width:calc(100% - 40px);padding:12px 23px;border-radius:7px;background:var(--green);color:var(--on-accent);font-size:11px;box-shadow:0 6px 25px var(--shadow-color);opacity:0;pointer-events:none;transition:.2s;z-index:50}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.container{max-width:1360px;padding:0 60px}.page-container{padding-top:55px;padding-bottom:75px}.content-layout{grid-template-columns:minmax(0,1fr) 310px;gap:45px}.welcome h1{font-size:39px}.featured-card{min-height:325px}.featured-card .card-image{min-height:325px}.featured-card .card-content{padding:26px}.card-title h2{font-size:24px}.card-excerpt{font-size:12px}.post-card .card-title h3{font-size:18px}.post-card .card-image{height:180px}}
@media(max-width:1080px){.header-inner{padding:20px 26px;gap:15px}.desktop-nav{gap:18px;font-size:10px}.header-actions{gap:5px}.brand strong{font-size:20px}.brand small{font-size:8px;letter-spacing:2px}.container{padding:0 28px}.page-container{padding-top:40px;padding-bottom:60px}.welcome{grid-template-columns:1fr 1fr;gap:20px}.today{display:none}.welcome h1{font-size:30px}.content-layout{grid-template-columns:minmax(0,1fr) 245px;gap:25px}.featured-card{display:flex;flex-direction:column}.featured-card .card-image{height:245px;min-height:0}.featured-card .card-content{padding:20px 25px}.category-nav{gap:23px}.post-grid{gap:17px}.post-card .card-content{padding:12px 15px}.card-title h2{font-size:23px}.sidebar{padding-top:46px}.invitation{padding:22px 18px}.invitation h2{font-size:13px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main>p{display:none}}
@media(max-width:760px){body{font-size:12px}.container{padding:0 20px}.header-inner{padding:19px 20px}.brand strong{font-size:22px}.brand small{font-size:7px}.desktop-nav{display:none}.header-actions{gap:6px}.header-actions>.icon-button[href="/library"]{display:none}.write-button{padding:8px 10px;font-size:10px}.write-button>.icon{width:16px}.login-button{display:none}.mobile-nav{display:flex;justify-content:center;gap:30px;padding:10px 20px 13px;border-top:1px solid var(--line);font-size:10px}.demo-banner{padding:5px 15px;font-size:8px}.demo-detail{display:none}.demo-banner label{display:none}.demo-banner select{font-size:8px}.demo-banner .text-button{font-size:8px}.welcome{padding:33px 0 29px;grid-template-columns:1.2fr 1fr;gap:10px}.welcome .eyebrow{font-size:8px}.welcome h1{font-size:25px;line-height:1.9;margin:12px 0}.welcome p{font-size:10px}.welcome-link{font-size:9px;margin-top:18px;gap:7px}.welcome-art{height:180px}.welcome-art>img{width:72px;height:72px;border-radius:20px;box-shadow:9px 10px 0 var(--soft-green)}.art-orbit{width:147px;height:147px}.art-caption{font-size:7px;bottom:1px;text-align:center}.art-letter{font-size:23px}.letter-one{left:6%;top:10px}.letter-two{right:1%;top:66px;font-size:22px}.letter-three{bottom:22px;left:21%;font-size:18px}.category-nav{padding:16px 0;gap:23px;font-size:10px}.category-nav .selected:after{bottom:-17px}.content-layout{grid-template-columns:1fr;padding-top:26px;gap:25px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:16px}.featured-card{display:grid;grid-template-columns:1fr 1.2fr;min-height:240px}.featured-card .card-image{height:100%;min-height:240px}.featured-card .card-content{padding:16px}.card-title h2{font-size:17px}.card-excerpt{font-size:9px}.card-bottom{font-size:7px}.card-top{margin-bottom:9px}.card-content .meta{font-size:7px;gap:5px}.author-meta{font-size:8px}.card-content .meta>.meta-dot{display:none}.post-card .card-title h3{font-size:14px}.post-card .card-image{height:130px}.post-grid{gap:14px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:0}.sidebar-section{padding:10px 0}.sidebar-section .section-heading h3{font-size:11px}.invitation h2{font-size:13px}.invitation p{font-size:9px}.invitation small{font-size:7px}.magazine-promo{min-height:220px}.sidebar-note{align-items:center;padding:20px;font-size:9px}.author-row small{max-width:140px}.footer-main{flex-direction:column;align-items:flex-start;gap:22px}.footer-main>div{gap:20px}.footer-bottom{font-size:7px}.footer-bottom>span:last-child{font-size:6px}footer{padding:28px 20px 0}.page-container{padding-top:30px;padding-bottom:50px}.page-heading{display:block;margin-bottom:28px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading>.button,.page-heading>.quiet-link{margin-top:20px}.author-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.author-card{padding:23px 18px}.author-card h2{font-size:16px}.author-card p{font-size:10px}.author-profile{padding:25px;gap:20px;flex-wrap:wrap}.author-profile .portrait{width:70px;height:70px;font-size:30px}.author-profile h1{font-size:23px}.author-profile>div{flex-basis:60%}.reading-container{padding:28px 22px 55px}.article-header h1{font-size:27px}.article-deck{font-size:14px}.article-meta{gap:10px;flex-wrap:wrap}.article-meta>.meta{font-size:9px}.article-meta>span{font-size:9px}.prose{font-size:16px;line-height:2.35}.reading-container .prose,#writing-preview{font-size:18px}.prose.font-1{font-size:20px}.prose.font-2{font-size:22px}.prose.font-3{font-size:24px}.article-cover{max-height:300px}.article-author-box .avatar{width:44px;height:44px;font-size:20px}.reactions>div{flex-wrap:wrap}.series-navigation{font-size:9px;gap:8px}.form-row{grid-template-columns:1fr}.title-input{font-size:18px}.editor-toolbar{gap:4px;padding:6px}.editor-toolbar button{padding:5px 7px;font-size:10px}.editor-toolbar button>span{display:none}.editor-toolbar>span{font-size:8px}.writing-body{font-size:18px;padding:18px}.options-grid{grid-template-columns:1fr}.writing-footer{display:block}.writing-footer>div{margin-top:20px;justify-content:flex-end}.writing-footer .button{font-size:10px;padding:10px 12px}.workspace-row{padding:21px 0;gap:15px;flex-wrap:wrap}.workspace-row>div:last-child{align-items:flex-start}.workspace-row h3{font-size:15px}.workspace-row .queue-number{font-size:20px}.workspace-row .queue-number+div{min-width:70%}.workspace-row>.queue-number+div+div{margin-left:42px}.workspace-row .small{font-size:9px}.role-form{width:100%;justify-content:flex-end}.role-form select{max-width:200px;font-size:11px}.review-actions{gap:10px}.review-actions .button{font-size:10px}.reply-comment{margin-left:12px;padding-left:12px}.comment-heading>span{font-size:7px}.writing-options-heading{font-size:10px}.writing-options-heading span{display:block;margin-left:0;font-size:9px}.notice{font-size:10px;padding:12px}.profile-photo{gap:15px}.profile-photo .portrait{width:72px;height:72px}.profile-photo label{font-size:10px}.search-form{flex-wrap:wrap}.search-form .button{width:100%}.about-page .prose{font-size:14px}.about-page .page-heading h1{font-size:24px}}
@media(max-width:420px){.brand strong{font-size:18px}.brand small{font-size:6px}.brand{gap:8px}.header-actions{gap:3px}.write-button span{display:none}.write-button{padding:8px}.header-inner{gap:10px}.welcome h1{font-size:22px}.welcome-art{height:150px}.art-orbit{width:122px;height:122px}.welcome-art>img{width:62px;height:62px}.art-caption{font-size:6px;bottom:-10px}.letter-two{right:-3%;top:50px}.welcome-link{font-size:8px}.welcome p{font-size:9px}.featured-card{display:flex}.featured-card .card-image{height:215px;min-height:0}.featured-card .card-content{padding:18px 21px}.card-title h2{font-size:22px}.post-grid{grid-template-columns:1fr}.post-card .card-image{height:200px}.post-card .card-title h3{font-size:17px}.post-card .card-excerpt{font-size:11px}.sidebar{grid-template-columns:1fr}.sidebar-section{padding:10px 5px}.invitation h2{font-size:17px}.invitation p{font-size:11px}.invitation .button{font-size:12px}.invitation small{font-size:9px}.author-row small{max-width:250px}.author-row strong{font-size:12px}.author-row small{font-size:10px}.magazine-promo h3{font-size:24px}.magazine-promo p{font-size:11px}.magazine-art{width:110px;height:155px;right:14px}.author-grid{grid-template-columns:1fr}.article-header h1{font-size:24px}.reading-toolbar>span{font-size:8px}.article-meta>.meta{width:100%}}
.card-excerpt{font-size:12px}.meta{font-size:10px}.author-meta{font-size:11px}.card-content .meta{font-size:10px}.invitation p{font-size:11px}.author-row strong{font-size:11px}.category-nav,.desktop-nav{font-size:12px}.workspace-row p{font-size:11px}.article-meta>.meta{font-size:11px}
@media(max-width:760px){.category-nav{font-size:11px}.card-excerpt{font-size:11px}.card-content .meta{font-size:9px}.author-meta{font-size:10px}.author-row strong{font-size:11px}.welcome .eyebrow{font-size:9px}.welcome p{font-size:11px}.welcome-link{font-size:10px}.welcome{grid-template-columns:1.3fr 1fr}.welcome-art{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Supplied logo: retain its full landscape proportions at every size. */
.sidebar{display:grid;align-content:start;row-gap:24px}
.home-trending{border:1px solid var(--line);border-radius:8px;background:var(--white);padding:22px 20px;min-width:0}
.trending-section+ .trending-section{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}
.trending-section h3{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.8;margin-bottom:16px}
.trending-section h3 .icon{width:18px;height:18px;color:var(--green);flex-shrink:0;margin-top:3px}
.trending-list{list-style:none;margin:0;padding:0}
.trending-list li{display:flex;align-items:flex-start;gap:12px;padding:12px 0}
.trending-list li+li{border-top:1px solid var(--line)}
.trending-list li>div{min-width:0;flex:1}
.trending-rank{color:var(--muted);font-size:12px;width:16px;flex-shrink:0;padding-top:2px;font-variant-numeric:tabular-nums}
.trending-title{display:inline;font-size:12px;font-weight:600;line-height:1.9;overflow-wrap:anywhere}
.trending-title:hover,.trending-writer:hover strong{color:var(--green)}
.trending-author{display:inline;font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-inline-start:.5em}
.trending-votes{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--green);margin-top:5px}
.trending-votes .icon{width:13px;height:13px}
.trending-writer{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.trending-writer .avatar{width:32px;height:32px;flex-shrink:0}
.trending-writer>span{min-width:0}
.trending-writer strong{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}
.trending-writer small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.trending-empty{font-size:12px;color:var(--muted);line-height:1.8;padding:4px 0 10px}
.trending-section .quiet-link{font-size:11px;margin-top:14px}
.author-stats{display:flex;gap:32px;flex-wrap:wrap;margin:22px 0}
.author-stats dt{font-size:11px;color:var(--muted)}
.author-stats dd{font-size:24px;color:var(--green);font-weight:600;margin:4px 0 0;font-variant-numeric:tabular-nums}
@media(max-width:760px){.home-trending{grid-column:1/-1;margin-bottom:0}.sidebar .invitation{align-self:start}.author-stats{gap:22px}.author-profile>div{min-width:0}}
.policy-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.policy-nav a[aria-current=page]{color:var(--green);font-weight:600}.policy-page .prose{font-family:Arial,Latha,sans-serif;font-size:16px;line-height:1.85;overflow-wrap:anywhere}.policy-page .prose h2{font-family:Arial,Latha,sans-serif;font-size:21px;line-height:1.5;margin-top:32px}.policy-summary{padding:20px;background:var(--soft-green);border:1px solid var(--line);border-radius:6px;font-size:13px;margin-bottom:30px}.policy-links{margin:18px 0;line-height:1.8}.policy-links a,.policy-page .prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.footer-main>div{flex-wrap:wrap}.policy-page .page-heading h1{font-family:Arial,Latha,sans-serif}.policy-page .prose li{margin-bottom:12px}
@media(max-width:760px){.policy-nav{gap:10px 16px;font-size:11px}.policy-page .prose{font-size:15px}.policy-page .prose h2{font-size:19px}}
.about-page .prose{overflow-wrap:anywhere}.about-page .prose h3{font-size:17px;line-height:2;margin:28px 0 12px}.about-page .prose ol{padding-left:26px;margin-bottom:24px}.about-page .prose ol li{margin-bottom:14px}.about-page #guidelines{scroll-margin-top:24px}
.brand img{display:block;width:63px;height:auto;object-fit:contain;border-radius:4px;flex-shrink:0}footer .brand{flex-direction:column;align-items:flex-start;gap:6px}footer .brand img{width:150px;height:auto}.site-header .brand{flex-shrink:0}.site-header .brand img{width:180px;height:auto}.header-inner{padding-top:14px;padding-bottom:14px}.desktop-nav{align-self:stretch;align-items:center;padding-top:0}.desktop-nav a{display:flex;align-items:center;height:auto}.desktop-nav a.active:after{bottom:-4px}.welcome-art>img{width:168px;height:auto;aspect-ratio:5/1;flex-shrink:0;object-fit:contain;border-radius:10px}.back-link{display:inline-flex;align-items:center;gap:6px}.back-link .icon,.series-navigation .icon{width:15px;height:15px}.series-navigation a{display:inline-flex;align-items:center;gap:6px}
@media(max-width:1080px){.site-header .brand img{width:168px}}
@media(max-width:760px){.brand img{width:55.5px;height:auto}.site-header .brand img{width:160px}.header-inner{padding-top:12px;padding-bottom:12px}.welcome-art>img{width:108px;height:auto;border-radius:7px}}
@media(max-width:420px){.brand img{width:49.5px;height:auto}.site-header .brand img{width:150px}.welcome-art>img{width:93px;height:auto}}

/* Bound unbroken user text to its reading column on desktop and mobile. */
.prose,.comment>p,.card-title,.card-excerpt,.article-header,.workspace-row,.editor-note{overflow-wrap:anywhere;min-width:0}

/* Visual article editor and responsive article content. */
.rich-editor{margin-top:24px;min-width:0}.rich-editor .editor-toolbar{flex-wrap:wrap;gap:4px;position:sticky;top:0;z-index:2}.rich-editor .editor-toolbar select{width:auto;max-width:150px;margin:0;padding:7px;font-size:12px}.rich-editor .editor-toolbar button{padding:7px;gap:5px}.rich-editor .editor-toolbar .icon{width:18px;height:18px}.rich-editor .editor-toolbar button span{font-size:10px}.rich-editor .editor-toolbar button[aria-pressed=true]{background:var(--line)}.editor-help{font:400 11px/1.8 var(--sans);padding:12px 16px;margin:0;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.rich-surface{border:1px solid var(--line);background:var(--surface);outline:none;max-height:none;overflow:auto}.rich-surface:focus{border-color:var(--green);box-shadow:0 0 0 2px var(--soft-green)}.rich-surface[aria-invalid=true]{border-color:var(--danger-text)}.rich-surface:empty:before{content:'இங்கே எழுதத் தொடங்குங்கள்…';color:var(--muted);pointer-events:none}.rich-surface p:first-child{margin-top:0}.rich-editor #writing-preview{padding:26px;border:1px solid var(--line);min-height:400px}.editor-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;color:var(--muted);font:400 10px/1.8 var(--sans)}.editor-message{font:400 12px/1.8 var(--sans);color:var(--green);margin:6px 0}.editor-dialog{width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:28px}.editor-dialog::backdrop{background:rgba(0,0,0,.4)}.editor-dialog h2{font:600 21px/1.5 var(--sans);margin:0 0 22px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.article-image{max-width:100%;margin:1.8em auto;clear:both}.article-image img{display:block;width:100%;height:auto;max-width:100%;border-radius:6px;object-fit:contain}.article-image figcaption{font:400 .75em/1.8 var(--sans);color:var(--muted);margin-top:10px;text-align:center}.image-width-25{width:25%}.image-width-50{width:50%}.image-width-75{width:75%}.image-width-100{width:100%}.article-image.align-left{margin-left:0;margin-right:auto}.article-image.align-right{margin-right:0;margin-left:auto}.rich-surface .article-image img{cursor:pointer}.rich-surface .article-image img:hover{outline:2px solid var(--green);outline-offset:3px}.prose .text-left{text-align:left}.prose .text-center{text-align:center}.prose .text-right{text-align:right}.prose .text-justify{text-align:justify}.prose h3{font-size:1.18em;line-height:1.8;margin:1.8em 0 .7em}.prose ol{padding-left:1.8em}.prose table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:1.5em 0;line-height:1.8;font-size:.9em}.prose td,.prose th{border:1px solid var(--line);padding:10px 14px;min-width:80px;vertical-align:top}.prose th{background:var(--soft-green);font-weight:600}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.prose hr{border:0;border-top:1px solid var(--line);margin:1.8em 0}
@media(max-width:760px){.rich-editor .rich-surface,.rich-editor #writing-preview{font-size:16px;line-height:2.35;padding:18px}.rich-editor .editor-toolbar{position:static}.rich-editor .editor-toolbar button span{display:none}.rich-editor .editor-toolbar button[data-editor-command=image] span,.rich-editor .editor-toolbar button[data-editor-command=preview] span{display:inline}.rich-editor .editor-toolbar button{min-width:36px;min-height:38px;justify-content:center}.editor-dialog{padding:20px}.article-image.image-width-25{width:50%}.editor-status{font-size:9px}}
/* Shared semantic colors apply to reading, forms, editorial tools and policies. */
:root{--on-accent:#fffefa;--focus:#718863;--muted:#647066;--warm-surface:#f1ecdf;--warm-text:#79653e;--warm-line:#e1d7bb;--danger-surface:#fff0eb;--danger-text:#8d4338;--danger-line:#e4c1b6;--info-surface:#e3eaf0;--info-text:#3f6481;--decor-surface:#d8dec9;--decor-shadow:#ccc8b4;--footer-surface:#f4f4ed;--shadow-color:#20352a30;--backdrop:#25392d70}
/* Deep blue and blue post links follow the Jeyamohan dark palette. */
:root[data-theme="dark"],.theme-swatch[data-palette="dark"]{color-scheme:dark;--paper:#1b2836;--white:#22303f;--ink:#ffffff;--green:#69b3f2;--green-hover:#91cafa;--soft-green:#2f3c4a;--muted:#bdc9d6;--line:#394654;--ochre:#dfba78;--on-accent:#142230;--focus:#91cafa;--post-title:#459be6;--post-title-hover:#81c4fa;--post-preview:#d6e0ea;--warm-surface:#343025;--warm-text:#e1cda6;--warm-line:#554b37;--danger-surface:#3b2926;--danger-text:#efbdb0;--danger-line:#6c4a43;--info-surface:#273a4b;--info-text:#b8d8f4;--decor-surface:#30465b;--decor-shadow:#152230;--footer-surface:#152230;--shadow-color:#00000070;--backdrop:#0e1721cc}
/* Palette overrides share the light/dark semantic status colors above.
   The picker samples these same tokens, so its previews match the page. */
:root[data-palette="linen"],.theme-swatch[data-palette="linen"]{
  --paper:#f5efe4;--white:#fbf6ed;--ink:#383129;--green:#52603e;--green-hover:#3e4b2d;--soft-green:#e9e5d6;--muted:#69604f;--line:#dcd3c2;--ochre:#8a6834;--on-accent:#fffaf0;--focus:#52603e;--footer-surface:#eee6d8;--decor-surface:#e3dbc5;--decor-shadow:#d3c7ae;--shadow-color:#48392326;--backdrop:#332b2470;
}
:root[data-palette="sage"],.theme-swatch[data-palette="sage"]{
  --paper:#edf2e8;--white:#f5f8f0;--ink:#28382c;--green:#365b3d;--green-hover:#25442c;--soft-green:#dfe9d9;--muted:#52644f;--line:#ccd9c5;--ochre:#806739;--on-accent:#f5f8f0;--focus:#365b3d;--footer-surface:#e5ecdf;--decor-surface:#d5e0c9;--decor-shadow:#bdcfb2;--shadow-color:#243d2726;--backdrop:#23382770;
}
:root[data-palette="stone"],.theme-swatch[data-palette="stone"]{
  --paper:#efefed;--white:#f8f8f6;--ink:#303431;--green:#435b55;--green-hover:#304740;--soft-green:#e1e6e2;--muted:#5c655f;--line:#d4d9d4;--ochre:#7f6947;--on-accent:#f8f8f6;--focus:#435b55;--footer-surface:#e7e8e4;--decor-surface:#d6dcd4;--decor-shadow:#c0c9bf;--shadow-color:#303a3426;--backdrop:#29312c70;
}
:root[data-palette="sepia"],.theme-swatch[data-palette="sepia"]{
  --paper:#efe2c8;--white:#f6ebd5;--ink:#403124;--green:#654c31;--green-hover:#503920;--soft-green:#e4d6b9;--muted:#6b573d;--line:#d5c4a2;--ochre:#80602e;--on-accent:#fff4df;--focus:#654c31;--footer-surface:#e8d9bb;--decor-surface:#ddcba6;--decor-shadow:#c9b38b;--shadow-color:#51391f26;--backdrop:#3c2d2070;
}
:root[data-palette="graphite"],.theme-swatch[data-palette="graphite"]{
  --paper:#232527;--white:#2b2e30;--ink:#eceee9;--green:#b3cdbd;--green-hover:#cde2d4;--soft-green:#353c38;--muted:#b9c0b9;--line:#454c47;--ochre:#d9bc89;--on-accent:#202b23;--focus:#b3cdbd;--post-title:#b3cdbd;--post-title-hover:#d5e8dc;--post-preview:#d5d9d3;--footer-surface:#1d1f20;--decor-surface:#374039;--decor-shadow:#191d1a;--shadow-color:#00000070;--backdrop:#111514cc;
}
:root[data-palette="dusk"],.theme-swatch[data-palette="dusk"]{
  --paper:#2b2522;--white:#342d29;--ink:#f0e5d6;--green:#dfc394;--green-hover:#f1d9b0;--soft-green:#44392e;--muted:#c6b8a5;--line:#574a3e;--ochre:#dfc394;--on-accent:#302419;--focus:#dfc394;--post-title:#dfc394;--post-title-hover:#f1d9b0;--post-preview:#dfd1bf;--footer-surface:#241f1c;--decor-surface:#4b3e30;--decor-shadow:#211b17;--shadow-color:#00000070;--backdrop:#191410cc;
}
:root[data-theme="dark"] :is(.card-title,.trending-title){color:var(--post-title)}
:root[data-theme="dark"] :is(.card-title:hover,.card-title:focus-visible,.is-opening .card-title,.is-touching .card-title,.trending-title:hover,.trending-title:focus-visible){color:var(--post-title-hover)}
:root[data-theme="dark"] .card-excerpt{color:var(--post-preview)}
.theme-switcher{position:relative;flex-shrink:0}
.theme-switcher summary{list-style:none;min-width:44px;min-height:44px;cursor:pointer}
.theme-switcher summary::-webkit-details-marker{display:none}
.theme-options{position:absolute;right:0;top:calc(100% + 8px);transform:translateX(var(--theme-menu-shift,0px));z-index:80;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:0 8px 24px var(--shadow-color)}
.theme-heading{padding:6px 8px;font-weight:600;font-size:14px;color:var(--ink)}
.theme-group-label{padding:8px;color:var(--muted);font-size:11px}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.theme-options button{display:flex;align-items:center;gap:8px;width:100%;min-height:60px;padding:8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink);text-align:left;font-size:12px}
.theme-options button:hover,.theme-options button[aria-pressed="true"]{background:var(--soft-green);color:var(--green)}
.theme-options button[aria-pressed="true"]{border-color:var(--green)}
.theme-swatch{display:flex;align-items:center;justify-content:center;flex:0 0 32px;height:38px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);box-shadow:inset 0 -5px var(--green);font:500 16px var(--reading)}
.theme-choice-copy{display:block;min-width:0;flex:1}
.theme-choice-copy strong{display:block;font-weight:500}
.theme-choice-copy small{display:block;color:var(--muted);font-size:9px;line-height:1.8}
.theme-options .theme-check{width:14px;height:14px;visibility:hidden}
.theme-options [aria-pressed="true"] .theme-check{visibility:visible}
.theme-options .theme-system{margin-top:10px;border-top-color:var(--line)}
input,textarea,select{color:var(--ink)}
input[type="checkbox"],input[type="radio"]{accent-color:var(--green)}
@media(max-width:760px){.policy-nav{flex:1}.policy-nav+.theme-switcher{margin-left:auto}}
/* 800px article text column plus 40px padding on each side. */
@media(min-width:761px){.reading-container:has(>.article-header){max-width:880px}}
.reading-container.article-layout{max-width:880px}
.article-primary,.article-followup{min-width:0}
.article-related{margin:48px 0;min-width:0}
.article-related[hidden]{display:none}
/* Plain text links stay secondary to the article, like an archive sidebar. */
.related-posts-panel{padding:0;border:0;border-radius:0;background:transparent}
.related-posts-panel h2{font-size:13px;font-weight:500;line-height:2;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--muted)}
.related-posts-list{list-style:disc;padding:0 0 0 18px;margin:0;color:var(--muted)}
.related-posts-list li::marker{font-size:9px}
.related-post-link{display:block;padding:8px 0;overflow-wrap:anywhere;border-radius:2px;color:var(--muted)}
.related-post-link h3{font:400 13px/2 var(--sans);margin:0}
.related-post-link:is(:hover,:focus-visible) h3{text-decoration:underline;text-underline-offset:4px;color:var(--green)}
@media(min-width:1240px){
  .reading-container.article-layout.has-related-posts{max-width:1216px;display:grid;grid-template-columns:800px 240px;column-gap:96px;align-items:start}
  .has-related-posts>.article-primary{grid-column:1;grid-row:1}
  .has-related-posts>.article-followup{grid-column:1;grid-row:2}
  .has-related-posts>.article-related{grid-column:2;grid-row:1/3;margin:72px 0 0;align-self:start}
  .article-related.can-stick{position:sticky;top:24px}
}
@media(max-width:760px){.related-post-link{min-height:44px}.related-post-link h3{font-size:14px}}
@media(min-width:761px) and (max-width:900px){.desktop-nav{font-size:10px;gap:12px}.header-inner{gap:12px}.header-actions{gap:4px}.write-button{padding-inline:12px}}
@media(min-width:761px) and (max-width:900px){
  .header-actions:has(.editor-workspace-link) .write-button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
}
/* Review text matches the reader's 800px column, inside the editor's padding and border. */
#review-form .rich-editor,#published-edit-form .rich-editor{max-width:854px;margin-inline:auto}
@media(max-width:760px){#review-form .rich-surface,#published-edit-form .rich-surface{line-height:2.35}#review-form #writing-preview,#published-edit-form #writing-preview{padding:18px}}
.editor-tabs{display:flex;flex-wrap:wrap;gap:24px;border-bottom:1px solid var(--line);margin-bottom:28px}
.editor-tabs a{padding:12px 0;color:var(--muted);font-size:12px}
.editor-tabs a[aria-current="page"]{color:var(--green);border-bottom:2px solid var(--green)}
.published-search{display:flex;align-items:flex-end;gap:14px;margin-bottom:28px}
.published-search label{flex:1;margin:0}.published-search input{min-width:0}
.editor-pagination{display:flex;justify-content:space-between;gap:14px;margin-top:24px}
.editor-cover-preview{display:block;max-width:100%;width:auto;max-height:180px;margin-top:14px;border-radius:5px}
.article-edit-link{display:flex;width:fit-content;margin:0 0 24px}
@media(max-width:760px){.published-search{flex-wrap:wrap}.published-search label{flex-basis:100%}}
/* Shared compact cards: one per row, with square thumbnails above the footer. */
.main-feed,.post-grid{--card-height:204px;--card-footer-height:40px;--card-thumbnail-size:calc(var(--card-height) - var(--card-footer-height) - 2px)}
.post-grid,.collection-grid{grid-template-columns:minmax(0,1fr);align-items:start}
:is(.main-feed,.post-grid) :is(.featured-card,.post-card){display:grid;grid-template-columns:var(--card-thumbnail-size) minmax(0,1fr);grid-template-rows:var(--card-thumbnail-size) var(--card-footer-height);height:var(--card-height);min-height:0;align-items:stretch}
:is(.main-feed,.post-grid) :is(.featured-card,.post-card) .card-image{width:var(--card-thumbnail-size);height:var(--card-thumbnail-size);aspect-ratio:1;min-height:0;contain:size;margin:0;border-radius:0;align-self:stretch}
:is(.main-feed,.post-grid) .featured-card .text-art{gap:0}
:is(.main-feed,.post-grid) .featured-card .text-art .icon{width:48px;height:48px}
:is(.main-feed,.post-grid) .post-card:not(:has(>.card-image)) .card-content{grid-column:1/-1}
.card-bottom{flex-wrap:wrap;gap:8px 16px;font-size:11px;font-variant-numeric:tabular-nums}
.card-bottom time{white-space:nowrap}
.card-bottom .card-stats{display:inline-flex;align-items:center;gap:16px;margin-left:auto}
.card-stat{display:inline-flex;align-items:center;gap:6px;line-height:1}
.card-bottom .card-stat .icon{width:16px;height:16px;flex-shrink:0;stroke-width:1.75}
.featured-card .card-content,.post-card .card-content,.main-feed .card-content{padding:10px 12px;min-width:0}
.card-content .card-top{align-items:flex-start;gap:8px;min-height:0;margin-bottom:6px}
.card-top .card-title{flex:1;min-width:0}
.card-top .bookmark-button{flex-shrink:0;margin-left:0}
.card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}
.pinned-indicator{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--green);flex-shrink:0}
.icon-button.pin-button{background:transparent}
.pin-button[aria-pressed="true"]{color:var(--green);background:transparent}
.pin-button[aria-pressed="true"] .icon,.pinned-indicator .icon{fill:currentColor}
.workspace-post-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card-top .card-title :is(h2,h3){font-size:18px;margin-bottom:0;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.card-content .card-excerpt{margin-bottom:0;font-size:13px;line-height:1.9;-webkit-line-clamp:var(--preview-lines,4)}
.card-content>.status{align-self:flex-start;margin-bottom:6px}
.featured-card>.card-bottom,.post-card>.card-bottom{grid-column:1/-1;margin:0;padding:8px 12px;justify-content:flex-start;gap:6px 12px}
.card-keywords{display:flex;align-items:center;gap:6px;flex:1 1 64px;min-width:0;overflow:hidden;white-space:nowrap}
.card-keywords>*{flex-shrink:0}
.card-keyword{font-size:10px;color:var(--green)}
.card-keyword:hover,.card-author:hover{text-decoration:underline}
.card-author{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--green);max-width:45%;min-width:0;white-space:nowrap}
.card-writer-label{color:var(--muted);flex-shrink:0}
.card-author .avatar{width:22px;height:22px;font-size:11px}
.card-author-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
:is(.main-feed,.post-grid) :is(.featured-card,.post-card) .card-content{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
:is(.main-feed,.post-grid) .card-top,:is(.main-feed,.post-grid) .card-content>.status{flex-shrink:0}
:is(.main-feed,.post-grid) :is(.featured-card,.post-card) .card-excerpt{min-height:0;text-align:start;-webkit-line-clamp:var(--preview-lines,3)}
:is(.main-feed,.post-grid) :is(.featured-card,.post-card)>.card-bottom{height:var(--card-footer-height);min-height:0;min-width:0;flex-wrap:nowrap;align-items:center;overflow:hidden}
:is(.main-feed,.post-grid) .card-bottom time,:is(.main-feed,.post-grid) .card-stats{flex-shrink:0}
/* A filled icon marks saved bookmarks without a background highlight. */
.icon-button[data-action="bookmark"]{background:transparent}
.icon-button[data-action="bookmark"][aria-pressed="true"]{color:var(--green)}

/* Date browsing shares the feed's colors and stays usable on narrow screens. */
.feed-heading{gap:12px;flex-wrap:wrap}
.feed-heading-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}
.feed-date-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 12px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--green);font-size:12px;white-space:nowrap}
.feed-date-button:hover,.feed-date-button.selected{background:var(--soft-green);border-color:var(--green)}
.feed-date-button .icon{width:17px;height:17px}
.feed-date-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-8px 0 20px;color:var(--muted);font-size:11px}
.feed-date-summary a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.feed-calendar{position:fixed;inset:auto;margin:0;width:min(324px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:16px;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);box-shadow:0 12px 36px var(--shadow-color)}
.feed-calendar-heading,.feed-calendar-navigation,.feed-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:6px}
.feed-calendar-heading strong{font-size:12px}
.feed-calendar .icon-button{width:36px;min-width:36px;height:36px;padding:8px}
.feed-calendar-navigation{margin:8px 0 12px}
.feed-calendar-navigation select,.feed-calendar-navigation input{width:auto;min-width:0;min-height:36px;margin:0;padding:5px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font-size:12px}
.feed-calendar-navigation select{flex:1}
.feed-calendar-navigation input{width:65px}
.feed-calendar-weekdays,.feed-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
.feed-calendar-weekdays{margin-bottom:6px;color:var(--muted);font-size:10px}
.feed-calendar-days button{min-height:36px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);font-size:13px}
.feed-calendar-days button:hover{background:var(--soft-green);color:var(--green)}
.feed-calendar-days button[aria-current="date"]{border-color:var(--green)}
.feed-calendar-days button[aria-pressed="true"]{background:var(--green);color:var(--on-accent)}
.feed-calendar-footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.feed-calendar-footer button{min-height:36px;font-size:11px}
.feed-calendar-help{margin:6px 0 0;font-size:10px;line-height:1.8;color:var(--muted)}
@media(max-width:600px){.feed-heading-controls{gap:8px}.feed-date-button{padding:7px 9px;font-size:11px}.feed-heading-controls>.small{font-size:9px}}
.icon-button[data-action="bookmark"][aria-pressed="true"] .icon{fill:currentColor}

/* Phone layout: readable compact previews and navigation within thumb reach. */
.hero-text summary{display:flex;align-items:center;gap:6px}
.hero-text summary .icon{width:15px;height:15px}
.mobile-feed-tools{display:none}
.feed-date-label{display:none}
.card-preview{display:block;min-height:0;overflow:hidden}
.card-preview:hover{color:var(--green)}
@media(max-width:760px){
  html{scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  body{font-size:13px;padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .container{padding-left:16px;padding-right:16px}
  .site-header{position:sticky;top:0;z-index:30}
  .header-inner{padding:6px 16px;gap:12px;min-height:64px}
  .site-header .brand img{width:160px;height:auto}
  .header-actions{gap:4px}
  .header-actions .write-button{display:none}
  .header-actions>.icon-button[data-action="search"]{display:none}
  .icon-button,.profile-button{width:44px;height:44px;min-width:44px;flex-shrink:0}
  .profile-button{display:inline-flex;align-items:center;justify-content:center}
  .header-actions .login-button{display:inline-flex;min-height:44px;padding:8px;font-size:12px}
  .mobile-nav{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;min-height:68px;padding:4px max(8px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--white);box-shadow:0 -4px 18px var(--shadow-color)}
  .mobile-nav>a,.mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:58px;padding:6px 2px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:500 9px/1.6 var(--sans);text-align:center}
  .mobile-nav .icon{width:21px;height:21px}
  .mobile-nav [aria-current="page"],.mobile-nav .active{background:var(--soft-green);color:var(--green)}
  .mobile-nav .mobile-write .icon{box-sizing:content-box;padding:5px;border-radius:8px;background:var(--soft-green);color:var(--green);width:19px;height:19px}
  .mobile-nav .mobile-write[aria-current="page"] .icon{background:var(--green);color:var(--on-accent)}
  .mobile-nav .mobile-write{gap:1px;color:var(--green)}
  .mobile-nav a:focus-visible,.mobile-nav button:focus-visible{outline-offset:-3px}
  .mobile-menu-links a{min-height:48px;font-size:13px}
  .mobile-menu-links a>.icon:last-child{margin-left:auto;color:var(--muted);width:16px;height:16px}
  .mobile-menu-links [aria-current="page"]{background:var(--soft-green);color:var(--green)}
  #home-hero{display:none}
  .mobile-feed-tools{display:block;padding-top:12px}
  .mobile-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-top:6px;font-size:11px;color:var(--muted)}
  .mobile-filter-summary>span{overflow-wrap:anywhere;min-width:0}
  .mobile-filter-summary>a{display:inline-flex;align-items:center;gap:4px;min-height:44px;flex-shrink:0;color:var(--green)}
  .mobile-filter-summary .icon{width:14px;height:14px}
  .category-nav{gap:6px;padding:8px 0;font-size:12px;border-top:0;scroll-padding-inline:8px}
  .category-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:20px}
  .category-nav a.selected{background:var(--soft-green)}
  .category-nav .selected:after{display:none}
  .content-layout{padding:14px 0 28px;gap:24px}
  .main-feed{min-width:0;--card-height:206px;--card-footer-height:80px;--card-thumbnail-size:70px}
  .section-heading{gap:10px;margin-bottom:12px}
  .section-heading h2{font-size:15px;line-height:1.8}
  .feed-heading{align-items:center}
  .feed-heading-controls{gap:8px}
  .feed-heading-controls>.small,.feed-date-summary{display:none}
  .feed-date-button{min-height:44px;padding:8px 10px;font-size:11px}
  .feed-date-button:not(.selected) time{display:none}
  .feed-date-button:not(.selected) .feed-date-label{display:inline}
  .post-grid,.collection-grid{grid-template-columns:1fr;gap:12px}
  :is(.main-feed,.post-grid) :is(.featured-card,.post-card),.featured-card,.post-card{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:124px 80px;min-height:0;height:206px;border-radius:10px}
  .featured-card{margin-bottom:12px}
  :is(.main-feed,.post-grid) :is(.featured-card,.post-card) .card-image,.featured-card .card-image,.post-card .card-image{width:70px;height:70px;min-height:0;aspect-ratio:1;contain:size;align-self:start;margin:12px 0 0 12px;border-radius:7px}
  .main-feed .featured-card .text-art .icon{width:32px;height:32px}
  .post-card:not(:has(>.card-image)) .card-content{grid-column:1/-1}
  :is(.main-feed,.post-grid) :is(.featured-card,.post-card) .card-content,.featured-card .card-content,.post-card .card-content{padding:10px 10px 10px 0;min-width:0;height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}
  .post-card:not(:has(>.card-image)) .card-content{padding-left:12px}
  .card-content .card-top{gap:2px;margin-bottom:4px;flex-shrink:0}
  .card-content{position:static}
  .card-content .card-top{padding-right:0;min-height:0}
  .card-bottom .card-actions{position:static;grid-column:2;grid-row:2;flex-direction:row;gap:0;justify-self:end}
  .card-actions .bookmark-button{width:44px;height:44px;min-width:44px;margin:0}
  .pinned-indicator{width:44px;height:44px}
  .card-top .card-title :is(h2,h3),.main-feed .card-title h2{font-size:15px;line-height:1.75;margin:0;-webkit-line-clamp:2}
  .card-actions .icon{width:18px;height:18px}
  .card-content .card-excerpt,:is(.main-feed,.post-grid) :is(.featured-card,.post-card) .card-excerpt{font-size:13px;line-height:1.8;text-align:start;margin:0;min-height:0;-webkit-line-clamp:var(--preview-lines,2)}
  .card-preview{padding-right:0}
  :is(.main-feed,.post-grid) :is(.featured-card,.post-card)>.card-bottom,.featured-card>.card-bottom,.post-card>.card-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:20px 44px;grid-column:1/-1;align-items:center;gap:4px 8px;height:80px;padding:6px 12px;margin:0;min-width:0;overflow:hidden;font-size:10px}
  .card-bottom time{grid-column:1;grid-row:1;font-size:10px}
  .card-keywords{grid-column:2/-1;grid-row:1;justify-content:flex-end;max-width:145px;gap:6px;justify-self:end}
  .card-keywords .card-keyword{display:none}
  .card-keywords .category-label,.card-keywords .issue-label{font-size:10px;padding:1px 6px}
  .card-author{grid-column:1;grid-row:2;max-width:none;font-size:11px;min-height:28px}
  .card-writer-label{display:none}
  .card-author .avatar{width:20px;height:20px;font-size:10px;flex-shrink:0}
  .card-bottom .card-stats{grid-column:3;grid-row:2;gap:8px;margin-left:0;justify-self:end}
  .card-stat{gap:4px}
  .card-bottom .card-stat .icon{width:14px;height:14px}
  .load-more{min-height:44px;margin-top:16px}
  .sidebar{grid-template-columns:1fr;gap:16px}
  .home-trending{padding:16px}
  .trending-section h3{font-size:13px;margin-bottom:8px}
  .trending-list li{padding:10px 0;gap:10px}
  .trending-section+.trending-section{margin-top:14px;padding-top:14px}
  .invitation{padding:16px}
  .invitation>.icon,.invitation .eyebrow,.invitation small{display:none}
  .invitation h2{font-size:15px;line-height:1.8;margin:0 0 8px}
  .invitation p{font-size:12px;line-height:1.9;margin-bottom:12px}
  .invitation .button{min-height:44px;font-size:12px}
  .page-container{padding-top:22px;padding-bottom:32px}
  .page-heading{margin-bottom:20px}
  .page-heading h1{font-size:23px;line-height:1.7;margin:8px 0}
  .page-heading p{font-size:12px}
  .author-grid{grid-template-columns:1fr;gap:12px}
  .author-card{padding:16px;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;align-items:start}
  .author-card>.avatar{width:48px;height:48px;font-size:23px;grid-row:1/4}
  .author-card h2{font-size:16px;margin:0 0 4px}
  .author-card p{font-size:12px;min-height:0;margin:0 0 6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .author-card>span:last-child{font-size:11px;grid-column:2}
  .series-card{padding:18px}
  .series-card>.icon{width:25px;height:25px;margin-bottom:10px}
  .series-card h2{font-size:17px;margin:8px 0;line-height:1.8}
  .series-card p{font-size:12px;margin-bottom:10px}
  .tabs,.editor-tabs{overflow-x:auto;white-space:nowrap;gap:18px;margin-bottom:18px;scrollbar-width:none}
  .tabs a,.editor-tabs a{flex-shrink:0;min-height:44px}
  input,textarea,select,.title-input,.rich-editor .editor-toolbar select{font-size:16px}
  .button{min-height:44px;font-size:12px}
  .rich-editor .editor-toolbar button{min-width:44px;min-height:44px}
  .icon-button.pin-button{width:44px;height:44px;min-width:44px}
  .reading-container{padding:22px 16px 36px}
  .back-link{min-height:44px;margin-bottom:12px}
  .article-header h1{font-size:25px;line-height:1.8;margin:16px 0}
  .reading-toolbar>div{gap:4px}
  .reading-toolbar>span{font-size:10px;max-width:100px}
  .writing-footer>div{flex-wrap:wrap;gap:8px}
  .writing-footer .button{font-size:12px;flex:1}
  dialog{max-height:calc(100dvh - 32px);overflow:auto;padding:20px}
  dialog:has(.mobile-menu-links){inset:auto 0 0;margin:0;width:100%;max-width:none;border-radius:16px 16px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}
  .modal-heading{gap:12px;margin-bottom:16px}
  .modal-heading h2{font-size:18px}
  #toast{bottom:calc(80px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px);padding:10px 16px;font-size:12px}
  footer{padding:22px 16px 0}
  .footer-main{gap:16px}
  .footer-main>div{gap:8px 16px;font-size:11px}
  .footer-main>div a{display:inline-flex;align-items:center;min-height:36px}
  .footer-bottom{font-size:10px;margin-top:16px;flex-wrap:wrap;gap:8px}
  .footer-bottom>span:last-child{font-size:10px}
}
.notification-bell{position:relative;flex-shrink:0}
.notification-count{position:absolute;top:-2px;right:-4px;min-width:17px;height:17px;border-radius:12px;background:var(--green);color:var(--white);font:600 10px/17px sans-serif;text-align:center;padding:0 3px}
.notification-count[hidden]{display:none}
.editor-workspace-link{position:relative}
.editor-workspace-link.has-pending-reviews{background:var(--soft-green);color:var(--green);box-shadow:inset 0 0 0 2px var(--green)}
.editor-review-count{position:absolute;top:-4px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:var(--green);color:var(--white);font:700 10px/18px sans-serif;text-align:center;box-shadow:0 0 0 2px var(--paper)}
.editor-review-count[hidden]{display:none}
.notifications-container{max-width:850px}
.notification-tools,.notification-pagination{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0}
.notification-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:20px 12px}
.notification-row.unread{border-left:3px solid var(--green);background:var(--soft-green)}
.notification-row>a{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px;overflow-wrap:anywhere}
.notification-row time{font-size:12px;color:var(--muted)}
.notification-row>button{flex-shrink:0}
.notification-preferences{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}
.notification-preferences .checkbox-label{margin:18px 0;align-items:flex-start}
.notification-preferences .checkbox-label input{flex-shrink:0;margin-top:4px}
@media(max-width:600px){.notification-row{gap:10px;padding:16px 10px}.notification-row strong{font-size:14px}.notification-row>button{font-size:12px}.notification-tools{gap:12px}}
@media(max-width:360px){
  .container{padding-left:12px;padding-right:12px}
  .header-inner{padding-left:12px;padding-right:12px}
  .main-feed :is(.featured-card,.post-card),.featured-card,.post-card{grid-template-columns:90px minmax(0,1fr)}
  .main-feed :is(.featured-card,.post-card) .card-image,.featured-card .card-image,.post-card .card-image{width:70px;height:70px}
  .mobile-nav>a,.mobile-nav>button{font-size:8px}
}

/* Header dialogs enter gently while their controls keep the same geometry. */
#modal:is(.signin-modal,.account-modal)[open]{animation:header-dialog-enter .18s cubic-bezier(.2,.7,.2,1)}
#modal:is(.signin-modal,.account-modal)[open]::backdrop{animation:header-backdrop-enter .18s ease-out}
@keyframes header-dialog-enter{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}
@keyframes header-backdrop-enter{from{opacity:0}to{opacity:1}}
.account-modal{max-height:calc(100dvh - 32px);overflow:auto}
@media(min-width:761px){
  #modal.account-modal{position:fixed;inset:var(--account-top,16px) auto auto var(--account-left,16px);margin:0;width:360px;max-height:calc(100dvh - var(--account-top,16px) - 16px);padding:24px}
  #modal.account-modal::backdrop{background:transparent;backdrop-filter:none}
}

/* Keep the sign-in action still while its icon becomes a loading indicator. */
.signin-modal{max-width:460px;max-height:calc(100dvh - 32px);padding:32px;border-radius:18px;overflow:auto}
.signin-modal .modal-heading{flex-direction:column;gap:14px;margin-bottom:10px;text-align:center}
.signin-modal .modal-heading h2{font-size:21px;line-height:1.8}
.signin-logo{width:180px;height:auto;object-fit:contain}
.signin-modal .modal-heading .icon-button{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;color:var(--muted)}
.signin-intro{text-align:center;font-size:12px;line-height:2;max-width:310px;margin:0 auto}
.signin-modal .google-button{min-height:52px;margin:24px 0;padding:14px 18px;border-radius:9px;font-size:14px;transition:background-color .18s,border-color .18s;box-shadow:0 2px 5px var(--shadow-color)}
.signin-modal .google-button:hover:not(:disabled){border-color:var(--green);background:var(--soft-green)}
.signin-modal .google-button[aria-busy=true]{background:var(--soft-green);border-color:var(--green);color:var(--ink)}
.signin-icon{display:grid;width:20px;height:20px;flex-shrink:0}
.signin-icon>*{grid-area:1/1;width:20px;height:20px}
.google-button[aria-busy=true] .signin-icon>.icon{visibility:hidden}
.signin-privacy{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:9px;background:var(--soft-green);color:var(--green);font-size:11px;line-height:2}
.signin-privacy>.icon{margin-top:2px}
.signin-profile{font-size:11px;line-height:2;margin-top:12px}
.signin-modal .policy-links{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;line-height:1.8;text-align:center;color:var(--muted)}
.signin-modal .policy-links a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.signin-modal .demo-login{padding:16px;margin:0 0 20px;border:1px dashed var(--line);border-radius:9px}
.signin-modal .demo-login .button{width:100%;white-space:normal}
.signin-availability{margin-bottom:20px}
@media(max-width:600px){.signin-modal{padding:28px 22px}.signin-modal .modal-heading h2{font-size:19px}}
.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;padding:0;margin:18px 0;font-size:12px;color:var(--muted)}.breadcrumbs li{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.breadcrumbs .icon{width:14px;height:14px;flex-shrink:0}.category-page .page-heading{margin-bottom:20px}.category-page .category-nav{margin-bottom:28px}.category-reading-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:30px;font-size:12px;color:var(--green)}.category-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;margin-top:30px}.category-pagination>span{font-size:12px;color:var(--muted)}
/* Public editorial credit beside the home category tabs. */
.home-category-bar{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px;border-block:1px solid var(--line)}
.home-category-bar .category-nav{flex:1 1 620px;min-width:0;border:0;margin:0}
.site-editors-link{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;margin-left:auto;padding:10px 0;color:var(--green);font-size:11px;white-space:nowrap}
.site-editors-link>.icon{width:16px;height:16px}
.site-editors-link:hover span{text-decoration:underline;text-underline-offset:4px}
.editors-page .page-heading{margin-bottom:18px}
.editors-contact-note{max-width:760px;margin-bottom:30px;font-size:12px;line-height:2;color:var(--muted)}
.editors-grid{align-items:stretch}
.editor-card{padding:0;overflow:hidden}
.editor-card .author-card-link{display:flex;flex-direction:column;align-items:flex-start;min-height:100%;padding:28px;overflow-wrap:anywhere}
.editor-card:hover{border-color:var(--green)}
.editor-card h2{margin:18px 0 8px;font-size:18px}
.editor-role{display:block;color:var(--green);font-size:10px;line-height:2;margin-bottom:14px}
.editor-card p{min-height:0;white-space:pre-line;margin-bottom:24px}
.editor-card .editor-profile-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;min-height:44px}
@media(max-width:1000px){.editors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-category-bar{gap:0;border-top:0}.home-category-bar .category-nav{flex-basis:100%}.site-editors-link{display:none}.editors-grid{grid-template-columns:minmax(0,1fr);gap:16px}.editor-card .author-card-link{padding:24px}}
.writer-directory-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.writer-directory-tabs [aria-current="page"]{border-color:var(--green);color:var(--green)}
.author-card-link{display:block}
.author-card:has(.author-card-link){display:block}
.author-card-link>span:last-child{font-size:11px;color:var(--green)}
.writer-follow{margin-top:16px;min-width:0}
.follower-count{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}
.writer-follow-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.writer-follow-actions .button{font-size:12px;min-height:44px;white-space:normal;text-align:start}
.writer-follow-actions [aria-pressed="true"]{border-color:var(--green);color:var(--green)}
.author-profile>div{min-width:0}
.article-author-box>div{min-width:0}
/* Account profile editor shares the public profile's surfaces and spacing. */
.account-profile-page{max-width:1180px;padding-top:40px;padding-bottom:72px}
.account-profile-page .page-heading{align-items:flex-end;margin-bottom:32px}
.account-profile-page .page-heading h1{font-size:30px;line-height:1.7;margin:9px 0 12px;letter-spacing:-.4px}
.account-profile-page .page-heading p{font-size:13px;line-height:2}
.account-profile-page .account-view-profile{margin:0;min-height:44px;border-radius:9px;font-size:11px}
.account-profile-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}
.account-profile-sidebar{position:sticky;top:24px;min-width:0}
.account-photo-card,.account-form-card,.account-contact-card,.account-save-card{border:1px solid var(--line);background:var(--white);border-radius:16px;box-shadow:0 5px 24px color-mix(in srgb,var(--shadow-color) 25%,transparent)}
.account-photo-cover{height:102px;border-radius:15px 15px 0 0;background:radial-gradient(ellipse at 95% 0%,color-mix(in srgb,var(--ochre) 15%,transparent),transparent 65%),linear-gradient(120deg,var(--soft-green),color-mix(in srgb,var(--green) 12%,var(--white)))}
.account-photo-card .profile-photo{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;padding:0 24px 26px;text-align:center}
.account-photo-card .portrait{position:relative;width:108px;height:108px;margin-top:-54px;border:5px solid var(--white);background:var(--soft-green);box-shadow:0 4px 16px var(--shadow-color);font-size:42px}
.account-photo-card h2{font-size:19px;line-height:1.85;margin:19px 0 9px;overflow-wrap:anywhere}
.account-photo-card .account-photo-caption{font-size:11px;line-height:2;color:var(--muted);margin-bottom:24px;max-width:230px}
.account-photo-card .account-photo-label{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:11px;font-weight:500;margin:0}
.account-photo-label .icon{width:17px;height:17px;color:var(--green)}
.account-photo-card input[type=file]{width:100%;min-height:44px;padding:8px;margin:12px 0 0;border-radius:8px;background:var(--paper);font:11px/1.8 var(--sans);text-align:start}
.account-photo-card input[type=file]::file-selector-button{padding:6px 9px;margin-right:8px;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--green);cursor:pointer;font:inherit}
.account-photo-card input[type=file]::file-selector-button:hover{background:var(--soft-green)}
.account-photo-card #account-photo-help{display:block;font-size:10px;color:var(--muted);margin-top:10px}
.account-profile-note{display:flex;align-items:flex-start;gap:10px;padding:20px 8px;color:var(--muted);font-size:11px;line-height:2}
.account-profile-note>.icon{width:18px;height:18px;margin-top:2px;color:var(--green)}
.account-profile-fields{min-width:0;display:flex;flex-direction:column;gap:20px}
.account-form-card{padding:28px}
.account-card-heading{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}
.account-section-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--green) 12%,var(--line));border-radius:12px;background:var(--soft-green);color:var(--green)}
.account-section-icon .icon{width:21px;height:21px;stroke-width:1.7}
.account-card-heading h2{font-size:17px;line-height:1.8;margin:0}
.account-card-heading p{font-size:11px;color:var(--muted);margin-top:3px}
.account-profile-fields label{font-size:12px;font-weight:500;margin:0;line-height:2}
.account-profile-fields input:not([type=checkbox]),.account-profile-fields textarea{border-radius:8px;margin-top:9px;padding:13px 15px;font-size:13px;min-height:48px;background:var(--paper);transition:border-color .15s,background-color .15s}
.account-profile-fields input:not([type=checkbox]):hover,.account-profile-fields textarea:hover{border-color:color-mix(in srgb,var(--green) 35%,var(--line))}
.account-profile-fields input:not([type=checkbox]):focus,.account-profile-fields textarea:focus{background:var(--white)}
.account-profile-fields textarea{min-height:132px;line-height:2}
.account-required{display:inline-block;font-size:9px;font-weight:400;color:var(--green);padding:1px 7px;margin-left:7px;border-radius:4px;background:var(--soft-green)}
.account-field-help{display:block;font-size:10px;line-height:2;color:var(--muted);margin-top:8px}
.account-form-card #account-name-help{margin-bottom:24px}
.account-contact-card>summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:23px 28px;border-radius:15px;font-weight:500}
.account-contact-card>summary::-webkit-details-marker{display:none}
.account-contact-card>summary:hover{background:color-mix(in srgb,var(--soft-green) 50%,var(--white))}
.account-contact-title{font-size:15px;line-height:1.9;min-width:0;flex:1}
.account-contact-title small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}
.account-contact-chevron{width:18px;height:18px;color:var(--muted);transition:transform .15s}
.account-contact-card[open] .account-contact-chevron{transform:rotate(180deg)}
.account-contact-fields{padding:0 28px 26px}
.account-contact-notice{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:9px;padding:14px;margin-bottom:23px;background:var(--soft-green);font-size:11px;line-height:2;color:var(--green)}
.account-contact-notice>.icon{width:18px;height:18px;margin-top:2px}
.account-contact-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:22px}
.account-contact-row>div{min-width:0}
.account-profile-fields .account-public-consent{align-items:flex-start;gap:10px;font-size:11px;line-height:2;font-weight:400;margin-top:22px}
.account-public-consent input{width:17px;height:17px;flex-shrink:0;margin-top:3px}
.account-save-card{padding:20px 24px}
.account-save-card .form-error{margin:0 0 16px;padding:12px;border-radius:8px;background:var(--danger-surface);overflow-wrap:anywhere}
.account-save-card .form-error:empty{display:none}
.account-save-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
.account-save-actions>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}
.account-save-actions>span .icon{width:16px;height:16px;color:var(--green)}
.account-save-actions>.button{min-height:48px;border-radius:8px;font-size:12px;flex-shrink:0;padding:13px 20px}
@media(max-width:1000px){
  .account-profile-layout{grid-template-columns:250px minmax(0,1fr);gap:22px}
  .account-profile-page .page-heading{align-items:flex-start}
  .account-profile-page .page-heading h1{font-size:27px}
  .account-form-card{padding:24px}
  .account-contact-card>summary{padding:22px 24px}
  .account-contact-fields{padding:0 24px 24px}
  .account-contact-row{grid-template-columns:minmax(0,1fr);gap:20px}
  .account-save-actions{flex-wrap:wrap}
  .account-save-actions>.button{margin-left:auto}
}
@media(max-width:760px){
  .account-profile-page{padding-top:28px;padding-bottom:44px}
  .account-profile-page .page-heading{margin-bottom:24px}
  .account-profile-page .page-heading h1{font-size:24px;margin:8px 0 10px;letter-spacing:0}
  .account-profile-page .page-heading p{font-size:12px}
  .account-profile-page .account-view-profile{margin-top:18px}
  .account-profile-layout{grid-template-columns:minmax(0,1fr);gap:18px}
  .account-profile-sidebar{position:static}
  .account-photo-cover{height:70px}
  .account-photo-card .profile-photo{display:grid;grid-template-columns:78px minmax(0,1fr);gap:0 14px;align-items:start;padding:0 20px 20px;text-align:start}
  .account-photo-card .portrait{grid-row:1/3;width:78px;height:78px;margin-top:-30px;font-size:30px;border-width:4px}
  .account-photo-card h2{font-size:17px;margin:12px 0 5px}
  .account-photo-card .account-photo-caption{grid-column:2;font-size:10px;max-width:none;margin-bottom:18px}
  .account-photo-card .account-photo-label,.account-photo-card input[type=file],.account-photo-card #account-photo-help{grid-column:1/-1}
  .account-photo-card .account-photo-label{justify-content:flex-start}
  .account-profile-note{padding:16px 8px 0}
  .account-profile-fields{gap:18px}
  .account-form-card{padding:22px}
  .account-card-heading{gap:12px;padding-bottom:18px;margin-bottom:22px}
  .account-card-heading h2{font-size:16px}
  .account-section-icon{width:38px;height:38px;border-radius:10px}
  .account-contact-card>summary{padding:20px 22px;gap:12px}
  .account-contact-title{font-size:14px}
  .account-contact-fields{padding:0 22px 22px}
  .account-contact-notice{padding:12px;font-size:10px}
  .account-save-card{padding:18px 22px}
  .account-save-actions{gap:14px}
  .account-save-actions>.button{width:100%;margin:0}
}
/* Writer profiles: a quiet masthead, clear identity and a separate reading shelf. */
.writer-profile-page{padding-top:32px;padding-bottom:72px}
.writer-profile-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-bottom:18px;color:var(--muted);font-size:12px}
.writer-profile-back:hover{color:var(--green)}
.writer-profile-page .author-profile{display:block;padding:0;margin-bottom:28px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.writer-profile-cover{position:relative}
.writer-profile-cover>.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:0 0 14px;font-size:10px}
.writer-profile-cover>.eyebrow .icon{width:17px;height:17px}
.author-profile .writer-profile-main{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:start;gap:20px;padding:0 0 20px}
.writer-profile-main>.avatar.portrait{width:72px;height:72px;margin-top:0;font-size:30px;border:1px solid var(--line);box-shadow:none;background:var(--soft-green)}
.writer-profile-identity h1{font-size:28px;line-height:1.65;letter-spacing:-.5px;margin:0 0 8px;overflow-wrap:anywhere}
.writer-profile-identity .writer-profile-bio{font-size:13px;line-height:2;max-width:620px;white-space:pre-line;overflow-wrap:anywhere}
.writer-profile-topics{display:flex;gap:6px 16px;flex-wrap:wrap;list-style:none;padding:0;margin:10px 0 0}
.writer-profile-topics li{padding:0;border:0;font-size:11px;color:var(--green);background:transparent}
.writer-profile-actions{max-width:245px;min-width:0;padding-top:4px}
.writer-profile-actions .writer-follow{margin-top:0}
.writer-profile-actions .follower-count{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px}
.writer-profile-actions .writer-follow-actions{align-items:stretch}
.writer-profile-actions .button{border-radius:8px;min-height:44px;font-size:11px}
.writer-profile-actions [data-action="writer-follow"][aria-pressed="false"]{background:var(--green);border-color:var(--green);color:var(--on-accent)}
.writer-profile-actions [data-action="writer-follow"][aria-pressed="false"]:hover{background:var(--green-hover)}
.writer-profile-actions .writer-edit-link{margin-bottom:14px}
.author-profile .writer-profile-details{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.writer-profile-details #author-totals{flex-shrink:0;min-height:44px}
.writer-profile-details .section-loading{margin:20px 0}
.writer-profile-details .author-stats{gap:0;margin:0}
.writer-profile-details .author-stats>div{min-width:0;display:flex;align-items:center;gap:12px}
.writer-profile-details .author-stats>div+div{border-left:1px solid var(--line);padding-left:24px;margin-left:24px}
.writer-profile-details .author-stats dt{display:flex;align-items:center;gap:7px;font-size:11px}
.writer-profile-details .author-stats dt .icon{width:16px;height:16px;stroke-width:1.6}
.writer-profile-details .author-stats dd{font:600 20px/1.4 var(--sans);color:var(--ink);margin:0}
.writer-contacts{min-width:0}
.writer-contacts summary{display:flex;align-items:center;gap:8px;min-height:44px;width:fit-content;cursor:pointer;list-style:none;font-size:12px;color:var(--green)}
.writer-contacts summary::-webkit-details-marker{display:none}
.writer-contacts summary>.icon{width:14px;height:14px}
.writer-contacts[open] summary>.icon{transform:rotate(180deg)}
.writer-profile-details .contact-links{justify-content:flex-end;align-items:center;gap:8px 18px;margin:0;font-size:11px;overflow-wrap:anywhere}
.writer-profile-details .contact-links a,.writer-profile-details .contact-links>span{display:inline-flex;align-items:center;gap:7px;min-height:44px}
.writer-profile-details .contact-links a:hover{text-decoration:underline;text-underline-offset:4px}
.writer-profile-details .contact-links .icon{width:16px;height:16px}
.writer-posts-heading{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px}
.writer-posts-heading h2{display:flex;align-items:center;gap:12px;font-size:20px}
.writer-posts-heading h2>.icon{width:23px;height:23px;color:var(--green);stroke-width:1.6}
.writer-post-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;border-radius:7px;background:var(--soft-green);color:var(--green);font:500 12px var(--sans)}
.writer-post-sort{display:flex;align-items:center;gap:10px;flex-shrink:0;margin:0;font-size:11px}
.writer-post-sort select{width:auto;min-height:44px;margin:0;font-size:11px}
.writer-posts .empty-state{border:1px dashed var(--line);border-radius:14px;background:var(--white)}
@media(max-width:1000px){
  .author-profile .writer-profile-main{grid-template-columns:72px minmax(0,1fr);gap:14px 20px}
  .writer-profile-main>.avatar.portrait{width:72px;height:72px}
  .writer-profile-actions{grid-column:2;max-width:none;padding:0}
  .writer-profile-details .author-stats>div{min-width:0}
  .writer-profile-details .author-stats>div+div{padding-left:20px;margin-left:20px}
  .author-profile .writer-profile-details{flex-wrap:wrap;gap:14px}
  .writer-profile-details .contact-links{justify-content:flex-start}
}
@media(max-width:760px){
  .writer-profile-page{padding-top:18px;padding-bottom:44px}
  .writer-profile-back{margin-bottom:12px;font-size:11px}
  .writer-profile-page .author-profile{border-radius:0;margin-bottom:24px}
  .writer-profile-cover>.eyebrow{padding:0 0 12px;font-size:10px}
  .author-profile .writer-profile-main{grid-template-columns:56px minmax(0,1fr);padding:0 0 16px;gap:12px}
  .writer-profile-main>.avatar.portrait{width:56px;height:56px;margin-top:0;font-size:26px;border-width:1px}
  .writer-profile-identity h1{font-size:24px;line-height:1.8;margin:0 0 8px;letter-spacing:0}
  .writer-profile-identity .writer-profile-bio{font-size:12px;line-height:2}
  .writer-profile-topics{margin-top:14px}
  .writer-profile-actions{grid-column:2;min-width:0}
  .writer-profile-actions .writer-follow{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
  .writer-profile-actions .follower-count{margin-bottom:0;font-size:11px}
  .writer-profile-actions .writer-edit-link{margin-bottom:12px}
  .writer-profile-actions .writer-follow-actions .button{flex:0 0 auto}
  .author-profile .writer-profile-details{padding:12px 0;border-radius:0;gap:6px 14px}
  .writer-profile-details #author-totals{max-width:100%;flex-shrink:1}
  .writer-profile-details .author-stats{display:flex;width:auto}
  .writer-profile-details .author-stats>div{min-width:0;gap:8px}
  .writer-profile-details .author-stats>div+div{margin-left:14px;padding-left:14px}
  .writer-profile-details .author-stats dt{font-size:9px;gap:5px}
  .writer-profile-details .author-stats dt .icon{width:14px;height:14px}
  .writer-profile-details .author-stats dd{font-size:18px}
  .writer-profile-details .contact-links{width:100%;gap:4px 14px;padding-top:4px}
  .writer-posts-heading{padding-bottom:16px;margin-bottom:20px}
  .writer-posts-heading h2{font-size:18px;gap:10px}
  .writer-posts-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}
  .writer-post-sort{width:100%;justify-content:space-between}
  .writer-post-sort select{max-width:calc(100% - 55px)}
  .writer-posts .post-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .author-card-link{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;align-items:start}
  .author-card-link>.avatar{width:48px;height:48px;font-size:23px;grid-row:1/4}
  .author-card-link h2{margin:0 0 4px;overflow-wrap:anywhere}
  .author-card-link>span:last-child{grid-column:2}
  .author-card>.writer-follow{border-top:1px solid var(--line);padding-top:12px}
}
.series-fields{min-width:0;margin:26px 0;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.series-fields legend{padding:0 8px;font-size:14px;font-weight:600;color:var(--ink)}
.series-fields [data-series-options]{margin-top:18px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}
.series-fields [data-series-options][hidden],.series-fields [data-new-series][hidden]{display:none}
.series-fields [data-new-series]{grid-column:1/-1}
.options-grid [data-edition-date][hidden]{display:none}
.series-fields [data-series-options]>p{grid-column:1/-1;margin:0;overflow-wrap:anywhere}
.series-fields input,.series-fields select{min-width:0;width:100%}
.series-fields .checkbox-label input{width:auto;flex-shrink:0}
.series-fields .checkbox-label{align-items:flex-start;line-height:1.9}
.series-post-title{font-size:20px;margin-bottom:24px;overflow-wrap:anywhere}
.release-fields{min-width:0;margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.release-fields legend{padding:0 8px;font-size:14px;font-weight:600}.release-fields .checkbox-label{align-items:flex-start;line-height:1.9}
.release-fields [data-release-options]{max-width:420px;margin-top:18px}.release-fields p{margin-top:12px}
.release-fields [hidden]{display:none}.release-fields input[type="checkbox"]{width:auto;flex-shrink:0}
.release-fields input[type="datetime-local"],.schedule-manage-form input[type="datetime-local"]{min-width:0;max-width:100%;width:100%}
.scheduled-list{display:grid;gap:24px}.scheduled-card{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.scheduled-card h3{font-size:18px;line-height:1.9;margin:14px 0;overflow-wrap:anywhere}.scheduled-card p{font-size:12px;line-height:1.9;margin:10px 0;color:var(--muted)}
.scheduled-card strong{color:var(--ink)}.scheduled-card form{min-width:0}.scheduled-card .review-actions{flex-wrap:wrap}
.status.scheduled{background:var(--soft-green);color:var(--green)}.editor-tabs{overflow-x:auto}
@media(max-width:760px){.release-fields{padding:16px}.scheduled-card{grid-template-columns:minmax(0,1fr);padding:18px;gap:18px}.editor-tabs{align-items:stretch}.editor-tabs a{flex-shrink:0;max-width:220px;white-space:normal}}
.series-part-card{min-width:0;display:flex;flex-direction:column;gap:10px}.series-part-card>.post-card{flex:1}
@media(max-width:760px){.series-fields{padding:16px}.series-fields [data-series-options],.series-fields [data-new-series]{grid-template-columns:minmax(0,1fr)}}

.tamil-typing{border:1px solid var(--line);border-radius:8px;background:var(--soft-green);padding:18px 20px;margin:0 0 26px;min-width:0}
.typing-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}.typing-controls label{margin:0;font-size:12px}.typing-controls select{width:auto;max-width:100%;margin:0;font-size:14px;min-height:44px;background:var(--surface)}
.typing-help,.typing-guide{font:400 12px/1.9 var(--sans);color:var(--muted)}.typing-help{margin:12px 0 0}.typing-guide{margin-top:10px}.typing-guide summary{cursor:pointer;color:var(--green);width:fit-content;padding:5px 0}.typing-guide p{margin:10px 0;overflow-wrap:anywhere}
.tamil-key-row{display:flex;gap:4px;margin:5px 0;max-width:680px}.tamil-key-row button{flex:1;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:500 15px/1.6 var(--sans);cursor:pointer}.tamil-key-row button:hover{background:var(--line)}.tamil-key-row kbd{font:400 10px/1.2 var(--sans);color:var(--muted)}
@media(max-width:760px){.tamil-typing{padding:14px 12px}.typing-controls{align-items:stretch;flex-direction:column;gap:8px}.typing-controls select{width:100%;font-size:16px}.tamil-key-row{gap:2px}.tamil-key-row button{font-size:13px;min-height:44px}.tamil-key-row kbd{font-size:9px}}