:root{--bg:#f8f8f3;--ink:#15201c;--muted:#65736c;--line:#e7eae4;--green:#194536;--lime:#d5f68b;--orange:#f5af72;--panel:#fff;--shadow:0 18px 55px rgba(12,29,20,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 42px));margin:auto}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.bar{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px}.logo .cube{background:var(--green);color:var(--lime);border-radius:13px;font-size:28px;width:43px;height:43px;display:grid;place-items:center}.logo b{display:block;font-weight:800;font-size:20px;letter-spacing:3px;line-height:1}.logo small{display:block;font-size:10px;color:#89968c;margin-top:6px}.toplinks{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:800}.toplinks a:last-child{background:#eaf3e6;padding:12px 18px;border-radius:24px}.hero{background:#123b2e;color:#fff;min-height:540px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;min-height:540px;gap:50px}.eyebrow,.kicker{font-size:10px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:#628578}.eyebrow{display:inline-flex;gap:12px;align-items:center;color:#d5f68b}.live-dot{width:7px;height:7px;background:#c8f66f;border-radius:50%;box-shadow:0 0 0 4px #c8f66f20}.hero h1{font-size:clamp(42px,5.1vw,70px);line-height:1.12;letter-spacing:-2.6px;font-weight:800;margin:28px 0 25px}.hero h1 em{font-style:normal;color:#d8f79b}.hero p{font-size:15px;max-width:560px;line-height:1.9;color:#bbd0c4}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{border:0;display:inline-flex;gap:14px;align-items:center;justify-content:center;padding:14px 21px;border-radius:13px;font-weight:800;font-size:12px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#d5f68b;color:#203a26}.btn.ghost{background:transparent;color:inherit;border:1px solid #789286}.btn.ghost.light{border-color:#6c8a7c;color:#fff}.btn.quiet{background:#eaf1e8;color:#2a5339}.hero-foot{display:flex;flex-wrap:wrap;gap:20px;margin-top:45px;color:#bbd0c4;font-size:10px}.hero-art{height:440px;position:relative;display:grid;place-items:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#e0f5dc15 1px,transparent 1px),linear-gradient(90deg,#e0f5dc15 1px,transparent 1px);background-size:43px 43px;mask-image:radial-gradient(circle,#000 30%,transparent 74%)}.orbit{position:absolute;border:1px solid #a0e7b347;border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:350px;height:350px}.orbit-b{width:230px;height:230px}.art-cube{font-size:170px;z-index:1;color:#d5f68b;text-shadow:0 28px 65px #75a88b}.floating-card{position:absolute;z-index:2;background:#fff;color:#21342c;box-shadow:0 20px 60px #001a10aa;border:1px solid #eef3ed;border-radius:17px}.card-one{left:0;top:65px;padding:19px 22px;min-width:210px;transform:rotate(-7deg)}.card-one .sticker{display:block;font-size:37px;margin-bottom:10px}.card-one small,.card-one strong,.card-one span:last-child{display:block}.card-one small{font-size:9px;letter-spacing:1px;color:#71817a}.card-one strong{font-size:18px;margin:6px 0}.card-one span:last-child{font-size:10px;color:#89978e}.card-two{right:0;bottom:60px;padding:18px 22px;transform:rotate(5deg);background:#fdf6e9}.card-two span,.card-two b{display:block}.card-two span{color:#c17441;font-size:10px;margin-bottom:6px}.card-two b{font-size:14px}.content{padding:82px 0 92px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading h2,.editor-heading h2{font-size:clamp(25px,3vw,37px);line-height:1.25;letter-spacing:-1.1px;margin:11px 0}.section-heading p,.editor-heading p{color:var(--muted);line-height:1.6;margin:0}.content-count{font-size:12px;font-weight:800;color:#799185;white-space:nowrap}.category-tabs{display:flex;gap:9px;overflow-x:auto;padding:0 0 16px;scrollbar-width:thin}.tab{flex:none;border:1px solid #e0e5dd;background:#fff;padding:13px 17px;border-radius:14px;color:#516457;font-size:12px;font-weight:800;white-space:nowrap;transition:all .2s}.tab.active{background:#194536;color:#fff;border-color:#194536;box-shadow:0 9px 25px #17473525}.tab.member span{font-size:7px;color:#9eaf99;margin-left:4px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0 25px}.search{background:#fff;border:1px solid var(--line);border-radius:14px;height:49px;display:flex;align-items:center;gap:13px;padding:0 17px;width:min(510px,100%)}.search span{font-size:26px;color:#819588}.search input{background:none;border:0;outline:0;flex:1;min-width:0;font-size:12px}.filterhint{font-size:11px;color:#718479;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.article-card{border:1px solid #e5eae2;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 4px 8px #0a2a1510;cursor:pointer;transition:transform .25s,box-shadow .25s}.article-card:hover,.article-card:focus-visible{transform:translateY(-5px);box-shadow:var(--shadow);outline:0}.card-cover{height:205px;overflow:hidden;position:relative;background:linear-gradient(135deg,#d6e7db,#d2e4c6);display:grid;place-items:center}.article-card:nth-child(3n+2) .card-cover{background:linear-gradient(135deg,#f8e4c9,#ecc7a0)}.article-card:nth-child(3n+3) .card-cover{background:linear-gradient(135deg,#cadfe0,#b1cfcc)}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.article-card:hover img{transform:scale(1.055)}.cover-symbol{font-size:74px;filter:drop-shadow(0 15px 20px #0002)}.cover-label{position:absolute;bottom:13px;left:14px;background:#fffef5ed;border-radius:7px;padding:7px 10px;color:#2b5340;font-size:10px;font-weight:800;backdrop-filter:blur(7px)}.card-info{padding:20px 20px 21px}.card-date{display:block;color:#788d7d;font-size:10px;font-weight:700;margin-bottom:10px}.card-info h3{font-size:16px;line-height:1.48;min-height:48px;margin:0 0 10px}.card-info p{font-size:12px;line-height:1.7;color:#708177;min-height:60px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.card-link{font-size:11px;font-weight:800;display:flex;justify-content:space-between;border-top:1px solid #ecede8;margin-top:18px;padding-top:17px;color:#214e38}.card-link b{font-size:18px}.empty{padding:75px 20px;text-align:center;border:1px dashed #c9d8cb;border-radius:19px;background:#fff}.empty>div{font-size:48px;color:#8caf8a}.empty h3{font-size:24px}.empty p{color:#7b8b7c}.member-notice,.review-action{background:#e7efe8;border:1px solid #d3e4d5;border-radius:18px;padding:25px;margin:5px 0 24px}.member-notice strong{font-size:17px}.member-notice p,.review-action p{color:#667969;line-height:1.65}.member-notice .btn{margin-top:7px}.review-action{display:flex;align-items:center;justify-content:space-between;gap:20px}.review-action p{margin:5px 0}.chat-panel{background:#fff;border:1px solid #e1e8e1;border-radius:19px;padding:23px}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-header h3{font-size:20px;margin:0 0 4px}.chat-header p{font-size:12px;color:#859386;margin:0}.messages{height:350px;overflow-y:auto;background:#f7f9f6;margin:20px 0;border-radius:14px;padding:19px}.message{margin-bottom:13px;background:#fff;border:1px solid #e3e9e3;border-radius:12px;padding:13px 16px;max-width:84%}.message small{font-weight:800;font-size:10px;color:#5e8069}.message p{white-space:pre-wrap;line-height:1.6;margin:8px 0 0;overflow-wrap:anywhere}.chat-panel form{display:flex;gap:11px}.chat-panel input{flex:1;min-width:0;border:1px solid #e1e8e1;border-radius:12px;padding:14px}.editor-area{padding:0 0 92px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 0;border-top:1px solid #dce4db}.editor-heading .btn.ghost{color:#315540;border-color:#a6bca8}.editor-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.editor-form,.editor-list{border:1px solid #dfe7dd;background:#fff;border-radius:19px;padding:24px;align-self:start}.editor-form label,.editor-list label{display:block;font-size:12px;color:#526d5e;font-weight:800;margin-bottom:15px}.editor-form input,.editor-form select,.editor-form textarea,.editor-list input{display:block;margin-top:7px;width:100%;border:1px solid #dbe5da;background:#fafcf8;border-radius:10px;padding:12px 14px;color:#24372d;outline-color:#91bda1}.editor-buttons{display:flex;gap:10px}.editor-items{height:500px;overflow:auto}.editor-item{padding:15px 0;border-bottom:1px solid #edf2e9;display:flex;gap:7px;align-items:start;flex-direction:column}.editor-item strong{font-size:13px}.editor-item small{color:#839285}.editor-item button{padding:9px 11px}.status{font-size:10px;color:#99621a;background:#fcf0d6;padding:5px 7px;border-radius:6px;font-weight:800}.status.published{color:#337144;background:#e3f4e7}.status.archived{color:#6a7774;background:#e8ebe7}.endcap{background:#123b2e;color:#fff;text-align:center;padding:79px 0}.endcap span{color:#d5f68b;font-weight:800;font-size:13px;letter-spacing:4px}.endcap h2{font-size:clamp(32px,4vw,55px);line-height:1.23;margin:18px 0}.endcap p{color:#b4cfc0;max-width:530px;margin:0 auto 23px;line-height:1.8}.footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:10px;color:#91a097}.dialog-backdrop{position:fixed;inset:0;background:#081a13b8;z-index:99;display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}.dialog{background:#fff;border-radius:19px;padding:28px;width:min(850px,100%);max-height:92vh;overflow:auto;box-shadow:0 20px 80px #0005}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top button{background:#f0f4ef;border:0;border-radius:9px;width:35px;height:35px}.dialog h2{font-size:clamp(24px,3.2vw,35px);letter-spacing:-1px;margin:13px 0}.date{color:#8a9a8c;font-size:11px}.dialog-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;margin:20px 0}.dialog-gallery img{width:100%;height:220px;object-fit:contain;background:#f0f3ed;border-radius:9px}.dialog-text{white-space:pre-wrap;line-height:1.9;font-size:14px;overflow-wrap:anywhere}.dialog-bottom{border-top:1px solid #e9eee7;padding-top:17px;margin-top:24px;display:flex;justify-content:flex-end}.dialog-bottom .btn.ghost{color:#366144;border-color:#c0d2bf}.toast{position:fixed;bottom:20px;right:20px;background:#194536;color:#fff;padding:15px 20px;border-radius:12px;box-shadow:var(--shadow);z-index:999;transform:translateY(180%);transition:transform .3s;max-width:350px}.toast.show{transform:translateY(0)}@media(max-width:980px){.hero-grid{grid-template-columns:1fr .65fr;gap:12px}.hero-art{height:340px}.card-one{left:-10px}.art-cube{font-size:120px}.orbit-a{width:260px;height:260px}.orbit-b{width:180px;height:180px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-body{grid-template-columns:1fr}}@media(max-width:700px){.wrap{width:min(100% - 28px,1200px)}.topbar{height:68px}.toplinks{gap:11px}.toplinks a:nth-child(2){display:none}.hero{min-height:auto}.hero-grid{display:block;padding:60px 0 35px}.hero h1{font-size:44px;letter-spacing:-1.3px}.hero-art{height:210px;margin-top:25px}.art-cube{font-size:105px}.card-one{top:4px;left:5px;min-width:160px;padding:10px 12px}.card-one .sticker{font-size:23px;margin-bottom:4px}.card-one strong{font-size:14px}.card-two{bottom:8px;right:8px;padding:10px 12px}.card-two b{font-size:12px}.hero-foot{margin-top:23px;gap:12px}.content{padding:54px 0}.section-heading{align-items:start}.section-heading p{font-size:12px}.content-count{margin-top:16px}.cards{grid-template-columns:1fr;gap:15px}.card-cover{height:220px}.card-info h3,.card-info p{min-height:0}.filterhint{display:none}.review-action,.chat-header,.editor-heading{align-items:start;flex-direction:column}.chat-panel{padding:14px}.chat-panel form{flex-direction:column}.dialog{padding:18px}.dialog-gallery img{height:170px}.footer{flex-direction:column}.editor-body{grid-template-columns:1fr}.hero-foot{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.tenant-picker{background:#e8f0e6;padding:12px 16px;border-radius:10px;margin:9px 0 15px}.tenant-picker label{font-weight:800;font-size:12px}.tenant-picker select{margin-left:12px;padding:7px;border:1px solid #b5d3b9;border-radius:8px;background:#fff}

.editor-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:15px}.editor-preview img{width:100%;height:110px;object-fit:contain;background:#f5f7f2;border:1px solid #dce7d9;border-radius:9px}.hide-msg{border:0;background:none;color:#9a6e58;font-size:10px;text-decoration:underline;cursor:pointer;margin-top:8px}

.editor-preview>div{display:flex;flex-direction:column;min-width:0}.editor-preview>div img{width:100%}.editor-preview .hide-msg{margin-top:3px;font-size:9px}

/* Studio content blocks (text-only DOM, not HTML interpolation) */
.dialog-text p{white-space:pre-wrap;margin:0 0 16px}.dialog-text h3{font-size:20px;margin:22px 0 10px}.dialog-text blockquote{background:#f3f7ec;border-left:4px solid #8dbd6b;padding:13px 18px;margin:16px 0}.dialog-text li{margin-bottom:8px}.dialog-text hr{border:0;border-top:1px solid #dce6da;margin:20px 0}