/* v0.4 shared card/reader rules. Editor preview uses these exact rules at a scale. */
.workspace{grid-template-columns:244px minmax(0,1fr)}
.template-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0 0 13px}
.template-tab{padding:8px 4px;border-radius:7px;background:#f1fbf5;font-size:11px;color:#71947c;white-space:nowrap}
.template-tab.active{background:#baf5d2;color:#14643b;font-weight:650}
.template-tab:hover{background:#d7f8e3}
.template-search{display:grid;gap:6px;margin:0 0 14px;font-size:10px;color:#7f9b88}
.template-search input{min-width:0;width:100%;border:1px solid #d7eddf;background:#fff;border-radius:7px;padding:8px;font-size:11px;color:#28603e}
.template-list{max-height:550px;overflow:auto;padding:3px 3px 8px;margin:0 -3px;align-content:start;scrollbar-width:thin}
.template-empty{font-size:11px;line-height:1.8;color:#8fa596;grid-column:1/-1}
.template-item{cursor:grab;flex:none}.template-item:active{cursor:grabbing}
.template-mini{position:relative;overflow:hidden}
.news-body-preview{font-size:12px;line-height:1.9;color:var(--body-color,#4e765b);max-height:115px;overflow:hidden}.news-body-preview p{margin:0 0 10px}
.tile-story[data-variant="feature"]{flex-direction:column;--title-base:20px}.tile-story[data-variant="feature"] .tile-image{width:100%;height:51%}.tile-story[data-variant="feature"] .tile-content{flex:1;padding:17px 20px;justify-content:start;gap:8px}
.tile-handle{opacity:1!important;cursor:grab;z-index:5;background:#ffffffed;border-color:#baebcc;width:26px;height:26px;left:8px;top:8px}
.tile-handle:active{cursor:grabbing}.tile-handle svg{width:15px;height:15px}
.tile:has(.tile-handle) .tile-kicker{padding-left:15px}
.tile-open{z-index:4}.canvas[data-columns="1"] .tile-handle,.canvas[data-columns="2"] .tile-handle{display:flex}

.tile{--title-base:19px;--summary-lines:3;text-align:var(--text-align,left)}
.tile-lead{--title-base:25px}.tile-story{--title-base:17px}.tile-poster{--title-base:23px}
.tile .tile-title{font-size:calc(var(--title-base) * var(--title-scale,1));color:var(--title-color,var(--ink))}
.tile .tile-summary{color:var(--summary-color,#58745f);-webkit-line-clamp:var(--summary-lines)}
.tile .tile-kicker{color:var(--label-color,#3c7655)}
.tile[data-density="compact"]{--summary-lines:2}.tile[data-density="rich"]{--summary-lines:7}
.tile[data-variant="editorial"],.tile[data-variant="headlines"],.tile[data-variant="comment"]{flex-direction:column}
.tile[data-variant="editorial"] .tile-content,.tile[data-variant="headlines"] .tile-content,.tile[data-variant="comment"] .tile-content{padding:24px;justify-content:start;gap:15px;flex:1;height:auto}
.tile[data-variant="editorial"]{--title-base:29px}.tile[data-variant="editorial"] .tile-title{line-height:1.5;-webkit-line-clamp:4}
.tile[data-variant="editorial"] .tile-summary{font-size:13px;line-height:2}
.news-points{list-style:none;margin:0;padding:0;display:grid;gap:11px;overflow:hidden;font-size:12px;line-height:1.8;color:var(--body-color,#4e765b)}
.news-points li{border-top:1px solid #d9eddf;padding-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-excerpt{margin:0;color:var(--body-color,#4e765b);line-height:1.9;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}
.tile-quote{--title-base:22px}.tile-quote .tile-content{gap:15px;padding:25px 21px}.quote-symbol{position:absolute;right:13px;top:17px;line-height:1;font-size:63px;color:#2bb66c;opacity:.3;font-family:'Pinye Serif',serif}
.tile-image .card-media,.tile-video .card-media,.tile-product .card-media{height:56%;position:relative;flex:none;overflow:hidden;background:#f0fbea}
.card-media .tile-image{width:100%;height:100%;position:static}
.tile-image .tile-content,.tile-video .tile-content,.tile-product .tile-content{padding:15px 19px;gap:7px;min-height:0}
.tile-image .card-media{flex:1;height:66%;min-height:0}.tile-image .tile-content{flex:none;max-height:34%}
.tile-video{--title-base:20px}.tile-product{--title-base:19px}
.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#ffffffec;color:#20a45e;padding-left:3px;font-size:20px;box-shadow:0 4px 19px #2c824c22}
.tile-poster .tile-image{background:#fff5bd}
.tile-poster .tile-title{-webkit-line-clamp:3}.product-price{color:#ce8038;font-size:20px;font-weight:650;letter-spacing:-.5px}
.tile-audio{flex-direction:row;align-items:center;padding:19px;gap:15px;--title-base:18px}
.tile-audio .tile-content{padding:0;gap:8px}.audio-symbol{width:48px;height:60px;display:grid;place-items:center;color:#2caa68;background:#bdf4d0;border-radius:13px;flex:none;font-size:28px}.audio-play{font-size:17px;color:#38945b;margin-right:17px}
.tile-weather .tile-content{padding:16px 19px;gap:7px}.weather-city{font-size:12px;color:#4a8f60}.tile:has(.tile-handle) .weather-city{padding-left:17px}
.weather-temperature{display:flex;align-items:center;gap:10px}.weather-temperature strong{font-size:38px;font-weight:450;letter-spacing:-2px;color:var(--title-color,#27673e)}.weather-icon{font-size:35px;line-height:1;color:#e9b834;margin-left:auto}
.weather-range{font-size:11px;color:var(--summary-color,#6e8d59)}.weather-updated{font-size:9px;line-height:1.6;margin-top:auto;color:#8c9a70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.tile-metric .tile-content,.tile-countdown .tile-content{padding:18px 20px;gap:8px}
.tile-metric .tile-title,.tile-countdown .tile-title{font-size:calc(13px * var(--title-scale,1));font-weight:500;-webkit-line-clamp:1}
.metric-value{font-size:37px;line-height:1.1;letter-spacing:-1.6px;color:var(--title-color,#287c49);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.metric-unit{font-size:10px;color:var(--summary-color,#6c9277);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-event{flex-direction:row;align-items:center;padding:21px;gap:17px;--title-base:21px}.tile-event .tile-content{padding:0;gap:8px}.event-symbol{font-size:43px;color:#c7a13b;flex:none}.event-details{font-size:10px;color:var(--summary-color,#958650);line-height:1.7}
.tile-navigation .tile-content{padding:20px;gap:10px}.tile-navigation{--title-base:17px}.nav-links{display:flex;gap:7px;flex-wrap:wrap;max-height:80px;overflow:hidden}.nav-links a,.nav-links span{background:#ffffffb3;border:1px solid #c7e9d1;border-radius:15px;padding:6px 10px;font-size:10px;text-decoration:none;white-space:nowrap}.nav-links a:hover{background:#c6f7d9}
.tile-heading{border-color:transparent;background:transparent!important;--title-base:27px}.tile-heading .tile-content{justify-content:center;gap:10px;padding:20px 25px}.tile-heading .tile-summary{font-size:12px}
.tile-divider{border-color:transparent;background:transparent!important;--title-base:12px;justify-content:center}.tile-divider .tile-content{flex:none;padding:20px;position:relative;text-align:center}.tile-divider .tile-title{font-weight:500;color:var(--title-color,#82a18b)}
.template-mini.video span:first-child,.template-mini.image span:first-child,.template-mini.product span:first-child{grid-area:1/1/3/3;background:#baf3ce}.template-mini.video:after{content:'▶';position:absolute;left:45%;top:33%;font-size:13px;color:#36a96b}.template-mini.audio:after{content:'♫';position:absolute;left:12%;top:12%;font-size:25px;color:#2ca86c}.template-mini.weather:after{content:'☀';position:absolute;left:30%;top:8%;font-size:31px;color:#f8ca46}.template-mini.metric:after,.template-mini.countdown:after{content:'128';position:absolute;left:12%;top:20%;font-size:21px;color:#209d5e}.template-mini.heading span:first-child,.template-mini.divider span:first-child{height:7px;margin-top:12px;background:#73daa2}.template-mini.quote:after{content:'“';position:absolute;left:12%;top:0;font-size:45px;font-family:'Pinye Serif';color:#40bd79}.template-mini.navigation span:first-child{height:10px;width:75%;margin-top:5px}.template-mini.event:after{content:'▦';position:absolute;left:10%;top:12%;font-size:30px;color:#e5be44}
.special-fields{border:0;margin:0;padding:0;display:grid;gap:13px;min-width:0}.special-fields legend{font-size:11px;font-weight:650;padding-bottom:13px}.body-format-tools{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:8px 0}.body-format-tools button{background:#e6f8ed;padding:5px 8px;border-radius:5px;font-size:10px;color:#45875c}.body-format-tools .inline-color-label{display:flex;align-items:center;gap:5px;margin:0;font-size:10px}.inline-color-label input{width:26px;height:23px;padding:1px!important}.temperature-inputs{display:flex;gap:7px}.weather-fields{display:grid;gap:12px}#special-fields [data-for][hidden]{display:none!important}.editor-preview{overflow:visible;position:relative}.editor-preview>.tile{flex:none;position:absolute;top:0;left:0}.body-field{min-width:0}.body-field>label{font-size:11px;font-weight:600}
.reader-scroll .reader-article{text-align:var(--text-align,left)}.reader-article h1,.reader-article h2{color:var(--title-color,var(--ink))}.reader-article h1{font-size:calc(32px * var(--title-scale,1))}.reader-article .reader-dek{color:var(--summary-color,var(--muted))}.reader-article .reader-kicker{color:var(--label-color,var(--muted))}.reader-article .reader-body{font-size:var(--body-size,16px);line-height:var(--body-leading,2);color:var(--body-color,#3f4a3e)}
.reader-figure{margin:15px 0 29px}.reader-figure .reader-cover{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:12px;margin:0;background:#f4fcf6}.reader-figure figcaption{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:11px;line-height:1.7;color:#8aa592;padding-top:9px}.reader-figure figcaption .button{font-size:10px;padding:5px 8px;min-height:29px;flex:none}.reader-poster .reader-kicker{margin-top:20px}.reader-body blockquote{border-left:3px solid #3cc97e;background:#effbf3;border-radius:0 10px 10px 0;margin:25px 0;padding:15px 19px}.reader-body a{color:#2b9a59;text-underline-offset:3px}.reader-player{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain;background:#f0fcf3;border-radius:12px;margin:21px 0}.reader-player:is(audio){min-height:54px}.player-status,.info-detail{font-size:12px;line-height:1.9;color:#70967b;background:#edf9f1;padding:12px 14px;border-radius:9px}.reader-article .product-price{margin-top:15px}
.full-image-dialog{width:1000px;height:92vh;max-width:calc(100vw - 24px);padding:0;overflow:hidden}.image-viewer-bar{height:59px;padding:0 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #d0ead9;font-size:13px}.image-viewer-bar .icon-button{margin-left:auto;font-size:25px}.image-viewer-bar .button{margin-left:auto;font-size:10px}.image-viewer-scroll{height:calc(100% - 59px);overflow:auto;padding:20px;overscroll-behavior:contain;background:#f5fff8}.image-viewer-scroll img{display:block;width:100%;height:auto;margin:auto}.fit-window .image-viewer-scroll{display:flex;align-items:center;justify-content:center}.fit-window .image-viewer-scroll img{height:100%;width:100%;object-fit:contain}
@media(max-width:1100px){.workspace{grid-template-columns:218px minmax(0,1fr)}.template-tabs{gap:4px}.template-tab{font-size:10px}.preset-tabs{flex-wrap:wrap}.canvas-toolbar{gap:10px;flex-wrap:wrap}}
@media(max-width:800px){.editor-live{display:block;padding:18px;border-left:0;border-top:1px solid #d4ebdd;overflow:visible}.editor-layout{overflow-y:auto;display:block}.editor-fields{overflow:visible;max-height:none}.editor-preview{max-width:360px;margin:auto}.editor-dialog{width:590px}.editor-live .quick-upload{max-width:360px;display:flex;margin-left:auto;margin-right:auto}}
@media(max-width:760px){.workspace{display:block}.palette{display:flex;padding:18px;border-right:0;border-bottom:1px solid #d5ecde}.palette-heading,.palette-hint{display:none}.template-tabs{display:flex;overflow-x:auto;gap:6px;margin-bottom:10px}.template-tab{flex:none;padding:8px 10px}.template-search{margin-bottom:8px}.template-search>span{display:none}.template-list{display:flex;gap:9px;max-height:140px;overflow:auto;padding:3px 0 9px}.template-item{width:96px;flex:none}.template-mini{height:45px}.palette-note,.palette-bottom{display:none}.library-button{margin-top:5px;min-height:28px;font-size:10px}.reader-figure figcaption{font-size:10px;align-items:start}.reader-scroll .reader-article h1{font-size:calc(27px * var(--title-scale,1))}.image-viewer-scroll{padding:10px}.full-image-dialog .image-viewer-bar{padding:0 12px;gap:9px}.tile[data-variant="editorial"]{--title-base:25px}}
.preview-mode .palette{display:none}

.tile-poster .tile-content{background:linear-gradient(transparent,var(--tone-background,#fff3a6) 26%)}
.tile-heading:not(.tone-paper),.tile-divider:not(.tone-paper){background:var(--tone-background)!important;border-color:#d6eddf}
.reader-weather{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline}