/* Shared visual system: warm paper, ink, and burnt-orange accents. */
:root{--premium-ink:#202b32;--premium-muted:#69757b;--premium-orange:#bb462b;--premium-paper:#f7f8f6;--premium-line:#e1e5e0}
.community-page{background:var(--premium-paper);color:var(--premium-ink)}.community-page .topbar{background:#fff;border-color:var(--premium-line)}.community-page .top-inner{max-width:1320px}.community-page .container{max-width:1280px}.community-page .panel{border-color:var(--premium-line);border-radius:16px;box-shadow:0 4px 18px #22312603}.community-page .button{background:var(--premium-orange);border-color:var(--premium-orange);border-radius:9px;box-shadow:0 3px 7px #84371a12}.community-page .button.secondary{background:#fff;color:var(--premium-orange)}.community-hero{max-width:none;display:grid;grid-template-columns:1.2fr .85fr;align-items:center;gap:65px;padding:50px 0 48px}.community-hero h1{font-size:clamp(36px,4.2vw,58px);max-width:660px;line-height:1.06;letter-spacing:-2.5px;font-weight:750}.community-hero>div>p:not(.eyebrow){font-size:17px;color:var(--premium-muted);max-width:560px;line-height:1.8}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:26px}.hero-link{font-size:13px;font-weight:650;color:#3c514a}.hero-code{background:#eaf0e9;border:1px solid #d7e1d5;border-radius:20px;padding:30px;transform:rotate(1deg)}.hero-code>span{font-size:9px;font-weight:750;letter-spacing:1.7px;color:#527461}.hero-code pre{font:13px/1.9 ui-monospace,SFMono-Regular,monospace;margin:24px 0;color:#304c3e;white-space:pre-wrap}.hero-code em{font-style:normal;color:#688573}.hero-code b{color:#bb462b}.code-caption{border-top:1px solid #cedccc;padding-top:17px;font-size:11px;color:#688573;display:flex;align-items:center;gap:10px}.feed-tabs{display:flex;gap:28px;border-bottom:1px solid var(--premium-line);margin:0 0 26px;overflow:auto;white-space:nowrap}.feed-tabs a{font-size:13px;font-weight:650;padding:13px 0;color:#718078}.feed-tabs a.selected{border-bottom:2px solid var(--premium-orange);color:var(--premium-orange)}.community-page .feed-card{padding:26px;transition:border-color .15s,box-shadow .15s}.community-page .feed-card:hover{border-color:#c2cec2;box-shadow:0 7px 24px #24372906}.community-page .feed-card h2{font-size:21px;letter-spacing:-.5px}.community-page .score{background:#f2f5ef;border-radius:10px;min-width:50px;height:65px;justify-content:center;padding:0}.community-page .score strong{color:#436151}.community-page .tag{background:#f1f4ed;color:#54714e;font-size:10px;border-radius:5px;letter-spacing:.2px}.community-page .sidebar .panel:first-of-type{background:#edf2e9}.community-page .sidebar .panel{border-radius:16px}.community-page .search{border-radius:12px;background:#fdfefd}.community-page .topic-list a:hover{color:var(--premium-orange)}.site-announcement{display:flex;gap:16px;align-items:center;justify-content:center;padding:13px 24px;background:#eaf0e7;color:#395140;font:13px/1.5 system-ui,sans-serif}.site-announcement .tag{margin:0;background:#d9e4d3;white-space:nowrap;display:inline-block;font-size:9px;font-weight:750;border-radius:4px;padding:4px 7px;color:#476346;letter-spacing:1px}.editor-preview{padding:14px 18px;border:1px solid #e1e5df;border-radius:10px;background:#f9fbf7}.writing-preview p{white-space:pre-wrap;overflow-wrap:anywhere}.copy-code{background:#eaf0e7;border:1px solid #d8e1d3;border-radius:6px;padding:5px 12px;font:12px system-ui;color:#38503b;margin-top:12px}.bookmark-form{margin:0}.bookmark-form button[aria-pressed=true]{color:#507353;font-weight:700}.community-page .auth{box-shadow:0 18px 60px #1d2d2308;padding:36px}.community-page .prose{line-height:1.9}.community-page .reading{max-width:870px;padding:38px}.community-page .reading h1{font-size:clamp(30px,4vw,45px);letter-spacing:-1.5px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-grid .panel{padding:27px;display:flex;flex-direction:column}.blog-grid h2{font-size:24px;line-height:1.3}.blog-grid .meta{margin-top:auto;padding-top:20px}.blog-grid p:not(.meta){color:#67766d;font-size:14px;line-height:1.8}.article-number{font-size:42px;letter-spacing:-3px;color:#cedbc8;font-weight:750;margin-bottom:28px}
/* Owner workspace */
.owner-admin{background:#f4f6f8;color:#23303c;font-size:14px;--accent:#b34c32;--line:#e1e6eb}.owner-admin>.topbar,.owner-admin>.footer{display:none}.owner-admin>.container{max-width:none;padding:0;min-height:100vh}.admin-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.admin-rail{background:#172b29;color:#dbe7df;padding:32px 20px;position:sticky;top:0;height:100vh;overflow:auto}.admin-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:23px;font-weight:750;letter-spacing:-1px;padding:0 8px}.admin-brand:hover{color:#fff}.brand-tile{display:inline-grid;place-items:center;width:33px;height:36px;border-radius:10px;background:#d17650;color:white;font-size:21px;flex-shrink:0}.rail-caption{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#78978c;margin:38px 12px 15px}.admin-rail nav{display:flex;flex-direction:column;gap:5px}.admin-rail nav a{color:#b6ccc1;border-radius:8px;padding:11px 13px;display:flex;gap:13px;align-items:center;font-size:13px;font-weight:500}.admin-rail nav a:hover{background:#233e37;text-decoration:none}.admin-rail nav a.selected{background:#dce9d7;color:#233e31;font-weight:700}.admin-rail nav a span{width:19px;font-size:18px;line-height:1;text-align:center}.rail-bottom{border-top:1px solid #345047;margin:28px 10px 0;padding-top:23px;display:flex;flex-direction:column;gap:13px;font-size:11px}.rail-bottom a{color:#b6ccc1}.rail-bottom>span{font-size:10px;color:#6f9585;margin-top:10px}.admin-work{padding:0 38px 60px;min-width:0;max-width:1700px;width:100%}.workspace-header{height:80px;border-bottom:1px solid #dfe5e9;display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:32px}.workspace-header strong{font-weight:550}.owner-admin .admin-heading{margin-bottom:30px}.owner-admin .admin-heading h1{font-size:34px;line-height:1.15;letter-spacing:-1.3px;margin:7px 0 10px;font-weight:720}.owner-admin .eyebrow{font-size:9px;color:#658374;letter-spacing:1.6px}.owner-admin .muted{font-size:12px;color:#7d8b95}.owner-admin .button{font-size:12px;padding:10px 15px;background:#294e3e;border-color:#294e3e;border-radius:8px;box-shadow:0 2px 4px #172b2910}.owner-admin .button:hover{background:#203d31}.owner-admin .button.secondary{background:white;color:#425564;border-color:#dbe2e7}.owner-admin .panel{padding:25px;border:1px solid #e2e7eb;box-shadow:0 3px 12px #122b3502;border-radius:12px;margin-bottom:22px}.owner-admin .reading{max-width:100%;margin:0 0 22px}.owner-admin .panel h2{font-size:18px;letter-spacing:-.4px;margin-top:0}.owner-admin .panel p{font-size:13px;color:#70808d;line-height:1.75}.owner-admin .panel input,.owner-admin .panel select,.owner-admin .panel textarea{border-color:#dce3e8;border-radius:7px;font-size:13px;padding:12px 13px;background:#fcfdfd}.owner-admin label{font-size:12px;color:#445663}.owner-admin label:has(input[type=checkbox]){padding:9px 0}.owner-admin .reading form{max-width:850px}.owner-admin .reading form>.button{margin-top:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.metric-card{background:#fff;border:1px solid #e2e7eb;border-radius:12px;padding:22px 24px;display:flex;flex-direction:column;gap:6px}.metric-card>span{color:#7b8a96;font-size:12px}.metric-card strong{font-size:36px;letter-spacing:-1.8px;font-weight:650;line-height:1.4;color:#253d35}.metric-card small{color:#8b999f;font-size:10px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:23px;align-items:stretch}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.card-heading a{font-size:11px;white-space:nowrap}.card-heading h2{margin-bottom:0}.owner-admin .tag{color:#63816c;background:#eff4eb;font-size:10px;letter-spacing:.2px}.activity-chart{width:100%;height:auto;max-height:240px;display:block}.chart-bar{fill:#7e9f83}.chart-zero{fill:#dfe7dc}.chart-axis{stroke:#e5ebe3}.activity-chart text{fill:#8e9c9a;font:10px system-ui}.checklist-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e9eeeb;color:#425949}.checklist-item:last-child{border:0}.checklist-item>span:nth-child(2){flex:1}.checklist-item strong{display:block;font-size:12px;font-weight:650}.checklist-item small{display:block;color:#8b9995;font-size:10px;margin-top:3px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;border:2px solid #cbd6c7;flex-shrink:0}.status-dot.complete{background:#718f69;border-color:#718f69;box-shadow:0 0 0 4px #ebf2e6}.attention-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #e6ebe6;font-size:12px;color:#5c6e65}.attention-row strong{border-radius:6px;background:#eff4eb;padding:4px 10px;font-size:14px;color:#507142}.data-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:650;color:#8b9a9f;background:#f7f9fa;padding:12px}.data-table td{padding:15px 12px;border-bottom:1px solid #edf0f2;vertical-align:top;color:#768992}.data-table td:first-child{color:#364f44;min-width:150px}.data-table td:first-child a{color:#344c42;font-weight:600}.data-table td:last-child{white-space:nowrap}.article-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.article-library .panel{margin:0;display:flex;flex-direction:column;align-items:start}.article-library .panel h2{margin:15px 0}.article-library .moderation-actions{margin-top:auto;font-size:11px;padding-top:15px}.owner-admin .search input{min-width:180px;margin:0}.owner-admin .search select{margin:0}.owner-admin .search{align-items:center}.owner-admin .notice{margin:20px 0}.owner-admin .editor-preview{background:#f7faf5}.owner-admin .editor-counter{margin-top:6px}.owner-admin .managed-logo{max-width:130px;max-height:48px}.owner-admin details summary{font-size:11px}.owner-admin .admin-work>.search{margin-top:10px}
/* Editorial homepage */
.premium-home{background:#fafbf8;color:#25372d}.premium-home .wrap{max-width:1240px}.premium-landing{display:grid;grid-template-columns:1.12fr 1fr;gap:90px;align-items:center;padding:80px 0 72px}.landing-kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:750;letter-spacing:1.6px;color:#527149}.landing-kicker>span{height:6px;width:6px;background:#82a46c;border-radius:50%;box-shadow:0 0 0 4px #edf2e6}.landing-copy h1{font-size:clamp(42px,5vw,66px);font-weight:700;letter-spacing:-3px;line-height:1.06;max-width:590px;margin:25px 0}.landing-copy>p{font-size:17px;line-height:1.9;color:#758172;max-width:480px}.landing-actions{display:flex;gap:23px;align-items:center;margin-top:30px;flex-wrap:wrap}.primary-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#b8492d;color:#fff;border:1px solid #b8492d;border-radius:8px;padding:14px 21px;font-size:13px;font-weight:600;box-shadow:0 3px 5px #9c3e2512}.primary-link:hover{background:#a13e24;color:white}.quiet-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#4b6650}.landing-promise{display:flex;gap:25px;margin-top:32px;color:#8a9485;font-size:11px}.landing-promise span{display:flex;align-items:center;gap:7px}.discovery-board{background:#fff;border:1px solid #e3e8de;border-radius:17px;padding:20px;box-shadow:0 20px 55px #2c44280b;transform:rotate(1deg)}.board-top{display:flex;align-items:center;justify-content:space-between;color:#74836e;font-size:9px;letter-spacing:1px;padding:0 3px 17px}.board-top>span:first-child{display:flex;align-items:center;gap:8px}.board-dots{font-size:18px;color:#bbc4b7;letter-spacing:2px}.board-code{background:#233a32;border:1px solid #314a3e;border-radius:10px;color:#dfe9d8;overflow:hidden}.code-tab{border-bottom:1px solid #3c5045;padding:11px 18px;font:10px ui-monospace,monospace;color:#9eaf9c;display:flex;align-items:center;gap:8px}.code-tab>span{width:6px;height:6px;border-radius:50%;background:#d69c6d}.board-code pre{font:12px/1.9 ui-monospace,monospace;padding:22px;margin:0;overflow:auto}.syntax-purple{color:#c5b7e3}.syntax-orange{color:#dfb386}.syntax-muted{color:#8caa92}.board-discussion{display:flex;gap:15px;align-items:center;padding:22px 2px 5px;color:#43563c}.board-discussion+ .board-discussion{padding-top:18px}.topic-icon{width:41px;height:43px;display:grid;place-items:center;background:#edf2e7;color:#718c5e;border-radius:10px;flex-shrink:0}.topic-icon.warm{background:#faf0e6;color:#b28a5a}.board-discussion>div{flex:1}.board-discussion small{font-size:8px;letter-spacing:1px;color:#9aa68e;display:block;font-weight:700}.board-discussion strong{display:block;font-size:13px;margin:3px 0;font-weight:650}.board-discussion div>span{font-size:10px;color:#92a08b}.board-discussion>svg{color:#94a58a}.discovery-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e4e9de;border-bottom:1px solid #e4e9de;padding:23px 0;font-size:12px}.discovery-strip>span{font-size:9px;letter-spacing:1px;color:#93a088;font-weight:700}.discovery-strip a{display:flex;gap:12px;align-items:center;color:#617856}.discovery-strip svg{color:#9ba98c}.premium-resources{padding:65px 0}.premium-home .eyebrow{font-size:9px;color:#8d9b82;font-weight:750;letter-spacing:1.5px}.premium-home .section-heading h2{font-size:32px;color:#304630;letter-spacing:-1.2px}.premium-home .text-link{font-size:12px;color:#748b65}.premium-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.premium-tool{border:1px solid #e0e7d9;background:#fff;border-radius:12px;padding:29px;transition:transform .2s,border-color .2s}.premium-tool:hover{color:inherit;transform:translateY(-4px);border-color:#bbcdb0}.resource-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#f2f5ed;color:#82986c;margin-bottom:25px}.resource-icon svg{width:22px}.premium-tool small{font-size:8px;font-weight:750;letter-spacing:1.3px;color:#a1ae95}.premium-tool h3{font-size:25px;color:#3b5236;letter-spacing:-.8px;margin-top:11px}.premium-tool p{font-size:13px;line-height:1.8;color:#8a987f;margin:14px 0 25px}.premium-tool>span:last-child{display:flex;justify-content:space-between;align-items:center;color:#668450;font-size:11px;font-weight:650}.premium-lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:48px 0 70px;align-items:center}.premium-lab h2{font-size:44px;color:#314731;line-height:1.12;letter-spacing:-1.5px;margin:18px 0}.premium-lab p{font-size:15px;line-height:1.8;color:#7d8d73;max-width:350px;margin-bottom:26px}.premium-lab .quiet-link{display:block;margin-top:23px;font-size:11px;color:#8a9d7a}.premium-home .recipe-card{background:#fff;border-color:#e1e8db;border-radius:12px;padding:25px}.premium-home .recipe-card h3{color:#385033;font-size:20px}.premium-home .recipe-card p{font-size:13px;color:#8a9980;line-height:1.8}.premium-home .category{font-size:9px;color:#849c6f;letter-spacing:1px}.premium-home .recipe-card .mono{font-size:10px;color:#9daa95}.community-invitation{background:#e9efe2;border:1px solid #dce5d3;border-radius:16px;display:flex;justify-content:space-between;align-items:center;padding:44px!important;margin-bottom:65px!important;gap:30px}.community-invitation h2{font-size:35px;letter-spacing:-1.4px;color:#426037;margin-top:17px}.community-invitation .primary-link{background:#496640;border-color:#496640;white-space:nowrap}.premium-home .popular{padding-bottom:55px}
@media(min-width:1450px){.admin-work{padding-left:50px;padding-right:50px}}
@media(max-width:1100px){.admin-shell{grid-template-columns:200px minmax(0,1fr)}.admin-rail{padding:25px 12px}.admin-work{padding:0 24px 40px}.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.premium-landing{gap:40px;padding:55px 0}.premium-lab{gap:35px}.landing-copy h1{font-size:49px}.hero-code{padding:22px}.community-hero{gap:30px}.discovery-strip{flex-wrap:wrap;justify-content:start;gap:22px}}
@media(max-width:760px){.community-hero{grid-template-columns:1fr;padding:28px 0}.hero-code{display:none}.community-hero h1{font-size:42px;letter-spacing:-1.8px}.hero-actions{gap:15px;flex-wrap:wrap}.feed-tabs{gap:22px}.community-page .reading{padding:24px}.community-page .auth{padding:26px}.community-page .feed-card{padding:20px;gap:15px}.community-page .feed-card h2{font-size:18px}.blog-grid{grid-template-columns:1fr}.admin-shell{display:block}.admin-rail{position:static;height:auto;padding:18px}.admin-brand{font-size:21px}.rail-caption,.rail-bottom{display:none}.admin-rail nav{display:flex;flex-direction:row;overflow:auto;margin-top:17px;gap:7px}.admin-rail nav a{flex-shrink:0;font-size:11px;padding:9px 12px}.admin-rail nav a span{font-size:14px;width:auto}.admin-work{padding:0 18px 35px}.workspace-header{height:65px;margin-bottom:24px}.owner-admin .admin-heading h1{font-size:29px}.owner-admin .admin-heading{gap:8px}.metric-grid{gap:12px}.metric-card{padding:17px}.metric-card strong{font-size:30px}.metric-card small{font-size:9px}.owner-admin .panel{padding:20px}.overview-grid{gap:0}.article-library{grid-template-columns:1fr}.card-heading{align-items:start}.premium-landing{grid-template-columns:1fr;gap:35px;padding-top:40px}.landing-copy h1{font-size:49px;letter-spacing:-2.5px}.landing-copy>p{font-size:16px}.discovery-board{transform:none}.landing-promise{gap:18px;font-size:10px}.premium-tool-grid{grid-template-columns:1fr}.premium-resources{padding:42px 0}.premium-lab{grid-template-columns:1fr;padding:15px 0 50px;gap:30px}.premium-lab h2{font-size:37px}.premium-lab p{max-width:none}.premium-home .section-heading h2{font-size:28px}.discovery-strip>span{width:100%}.discovery-strip a{font-size:11px}.community-invitation{padding:28px!important;flex-direction:column;align-items:start;margin-bottom:35px!important}.community-invitation h2{font-size:29px}.site-announcement{font-size:11px;gap:10px;padding:10px 16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Responsive disclosure navigation. Desktop links remain visible. */
.mobile-menu-button{display:none;border:1px solid #d8e0d2;border-radius:8px;background:#fff;color:#314932;padding:9px 12px;font:600 12px system-ui;align-items:center;gap:9px;cursor:pointer}.mobile-menu-button>span:first-child{font-size:21px;line-height:1}.header-navigation{display:flex;align-items:center;gap:28px;flex:1}.header-navigation .header-docs{white-space:nowrap}.community-navigation{display:flex;align-items:center;gap:30px;flex:1}.admin-navigation{display:block}.playground-placeholder{padding:28px;background:#172b24;color:#c7d8c4;min-height:330px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:20px}.playground-placeholder pre{font:13px/1.9 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:0}.playground-placeholder p{font-size:11px!important;color:#94ac93!important;margin:0!important}.playground-placeholder button{cursor:pointer}
@media(max-width:760px){.mobile-menu-button{display:inline-flex;margin-left:auto}.php-menu-toggle:not(.menu-ready){display:none}.site-header .header-inner{min-height:74px;padding:16px 0;gap:15px}.header-navigation{width:100%;flex:auto;flex-direction:column;align-items:stretch;gap:10px;padding:12px 0 4px;border-top:1px solid #e2e8dc}.header-navigation[data-open=false]{display:none}.header-navigation nav,.site-header .header-inner .header-navigation nav{display:flex;flex-direction:column;align-items:stretch;gap:0;order:initial}.header-navigation nav a,.header-navigation .header-docs{display:block;padding:12px 8px;margin:0;border:0;font-size:14px}.header-navigation nav a:hover{background:#edf2e7;border-radius:7px}.community-navigation{width:100%;flex:auto;flex-direction:column;align-items:stretch;gap:15px;border-top:1px solid #e2e8dc;padding-top:15px}.community-navigation.menu-ready[data-open=false]{display:none}.community-navigation nav{flex-direction:column;align-items:stretch;gap:0}.community-navigation nav a{padding:11px 8px;font-size:14px}.community-navigation .account{border-top:1px solid #e2e8dc;padding:15px 8px 0;gap:18px}.admin-rail{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.admin-rail>.mobile-menu-button{background:#243f35;border-color:#486353;color:#edf4e9}.admin-navigation{width:100%;flex:auto}.admin-navigation.menu-ready[data-open=false]{display:none}.admin-rail .admin-navigation nav{display:flex;flex-direction:column;overflow:visible;margin:0;gap:5px}.admin-rail .admin-navigation nav a{padding:12px 14px;font-size:13px}.admin-rail .admin-navigation .rail-bottom{display:flex;margin-top:20px;padding-top:16px}.admin-rail .admin-navigation .rail-caption{display:block;margin:15px 12px}.admin-rail .admin-navigation .rail-bottom span{display:none}}

.header-inner{gap:28px}.header-navigation nav{gap:20px}.community-navigation{flex-wrap:wrap}