.design-studio{max-width:1500px}.design-tabs button{background:none;border:0;padding:10px 0;font:650 14px inherit;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent}.design-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--blue)}.design-tabs{padding-bottom:0}.design-state{display:flex;justify-content:space-between;gap:20px;margin:20px 0;font-size:12px;color:var(--muted)}.design-state strong{font-weight:600;color:var(--blue)}.design-builder-layout{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.25fr);gap:24px;align-items:start}.design-control-column{display:grid;gap:22px}.design-control-column .workspace-panel{padding:25px}.design-preview-column{position:sticky;top:20px;min-width:0}.design-preview-column iframe{display:block;width:100%;height:760px;border:1px solid var(--line);background:#fff;border-radius:12px;margin:auto;transition:width .2s}.design-preview-column iframe.mobile-preview{max-width:375px}.design-preview-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:13px}.design-preview-toolbar>div{display:flex;gap:7px;flex-wrap:wrap}.design-preview-toolbar .button{padding:8px 11px;min-height:38px;font-size:10px}.design-preview-toolbar [aria-pressed=true]{border-color:var(--blue)}.design-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.design-color-grid input[type=color]{width:100%;height:42px;padding:3px;cursor:pointer}.design-color-grid label{font-size:10px}.design-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.design-panel-heading>span{font-size:12px;color:var(--muted)}.design-block{border:1px solid var(--line);border-radius:9px;margin:12px 0;background:var(--card)}.design-block summary{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;list-style:none}.design-block summary>span{font-size:11px;color:var(--blue)}.design-block summary>strong{font-size:12px}.design-block summary:after{content:'+';margin-left:auto;color:var(--muted)}.design-block[open] summary:after{content:'−'}.design-block-fields{border-top:1px solid var(--line);padding:17px}.design-block-fields .field:last-child{margin-bottom:0}.design-block-fields input[type=checkbox]{width:18px;height:18px;display:block;margin:8px 0}.design-block-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px;align-items:center}.design-block-actions .button{padding:8px 10px;font-size:10px;min-height:36px}.design-block-actions .text-button{font-size:10px;margin-left:auto;color:var(--muted)}.design-block-actions button:disabled{opacity:.4;cursor:not-allowed;transform:none}.design-add-section{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.design-add-section label{grid-column:1/-1;font-size:12px;font-weight:650}.design-add-section select{max-width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font:12px inherit}.design-add-section .button{font-size:11px;padding:10px 12px}.design-save-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0;padding:20px;background:var(--card);border:1px solid var(--line);border-radius:10px;position:sticky;bottom:10px;z-index:3;box-shadow:0 5px 30px #142a3510}.design-save-bar>span{font-size:12px;color:var(--muted)}.design-save-bar>div{display:flex;gap:10px;flex-wrap:wrap}.design-errors,#design-status:not(:empty){padding:15px 20px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:8px;margin:20px 0;font-size:13px}.design-errors{border-left-color:#a7452c}.design-reset-form{padding-top:10px}.design-reset-form .text-button{font-size:12px;color:var(--blue);text-decoration:underline}.design-reset-form .hint{font-size:11px}.design-studio [hidden]{display:none!important}
.designed-publication{background:var(--design-background,#f7f5ef);color:var(--design-foreground,#142a35);font-family:Arial,Helvetica,sans-serif;border-radius:16px;overflow:hidden;margin:25px 0}.designed-publication *{box-sizing:border-box}.designed-publication a{color:var(--design-accent,#206b60)}.designed-publication a:focus-visible{outline:3px solid var(--design-accent);outline-offset:4px}.design-section{padding:60px clamp(24px,5vw,65px);border-bottom:1px solid color-mix(in srgb,var(--design-foreground) 20%,transparent)}.design-section:last-child{border:0}.designed-publication h1,.designed-publication h2,.designed-publication h3{font-family:Georgia,serif;font-weight:600;line-height:1.1;letter-spacing:-.035em;color:inherit}.designed-publication.font-sans h1,.designed-publication.font-sans h2,.designed-publication.font-sans h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.045em}.design-section h1{font-size:clamp(40px,6vw,76px);max-width:930px;margin:23px 0}.design-section h2{font-size:clamp(28px,4vw,44px);margin:10px 0 23px}.design-section>p,.design-prose{font-size:17px;line-height:1.8;max-width:740px;overflow-wrap:anywhere}.design-kicker{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--design-accent)}.design-section-hero{padding-top:80px;padding-bottom:80px}.design-section-hero>p{font-size:20px;max-width:700px;margin-bottom:32px}.design-button{display:inline-block;background:var(--design-accent);color:var(--design-button-text)!important;padding:14px 22px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:700;line-height:1.4;margin-top:15px}.design-feed{display:inline-block;margin-left:22px;font-size:12px}.design-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.design-article-grid article{padding:25px;border:1px solid color-mix(in srgb,var(--design-foreground) 24%,transparent);border-radius:10px;display:flex;flex-direction:column;min-width:0}.design-article-grid h3{font-size:27px;margin:14px 0}.design-article-grid h3 a{color:inherit;text-decoration:none}.design-article-grid p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.design-article-grid article>a{font-size:12px;font-weight:650;margin-top:auto;padding-top:18px;text-decoration:none}.design-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.design-section-heading>span{font-size:11px}.design-section-heading h2{margin:0}.design-section-signup,.design-section-testimonial{text-align:center}.design-section-signup>p,.design-section-testimonial blockquote{margin-left:auto;margin-right:auto}.design-section-testimonial blockquote{max-width:800px;margin:0 auto}.design-section-testimonial blockquote p{font-family:Georgia,serif;font-size:clamp(25px,3vw,38px);line-height:1.45;margin:0 0 24px}.design-section-testimonial cite{font:600 12px Arial,sans-serif;font-style:normal}.design-preview-body{margin:0;background:#eeeee8;font:15px/1.6 Arial,sans-serif}.design-preview-body .designed-publication{margin:0;border-radius:0}.design-preview-banner{padding:10px;text-align:center;background:#142a35;color:#fff;font-size:10px;letter-spacing:.03em}.design-preview-body .learning-paths{padding:20px}.design-section-cta p{margin-bottom:10px}
@media(max-width:1000px){.design-builder-layout{grid-template-columns:1fr}.design-preview-column{position:relative;top:0}.design-preview-column iframe{height:650px}.design-state{flex-direction:column;gap:5px}.design-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.design-control-column .workspace-panel{padding:20px}.design-save-bar{position:relative;bottom:auto;flex-direction:column;align-items:stretch;padding:16px}.design-save-bar>div{flex-direction:column}.design-save-bar .button{width:100%}.design-preview-column iframe{height:550px}.design-section{padding:38px 22px}.design-section-hero{padding:55px 22px}.design-section h1{font-size:42px}.design-section-hero>p{font-size:17px}.design-article-grid{grid-template-columns:1fr}.design-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.design-feed{display:block;margin:20px 0 0}.design-article-grid article{padding:22px}.design-add-section{grid-template-columns:1fr}.design-block-actions .text-button{margin-left:0}.design-color-grid{gap:9px}.design-color-grid label{font-size:9px}.design-state{font-size:11px}}
@media(prefers-reduced-motion:reduce){.design-preview-column iframe{transition:none}}

.design-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.design-featured{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(25px,6vw,90px);align-items:center}.design-featured>div,.design-featured-story{min-width:0}.design-featured>div>p{max-width:33ch;line-height:1.65}.design-featured-story{padding:clamp(25px,4vw,48px);background:color-mix(in srgb,var(--design-accent) 10%,var(--design-background));border:1px solid color-mix(in srgb,var(--design-accent) 30%,transparent);border-radius:16px;overflow-wrap:anywhere}.design-featured-story h3{font-size:clamp(31px,4vw,55px);margin:22px 0}.design-featured-story h3 a{color:inherit;text-decoration:none}.design-featured-story p{line-height:1.7;max-width:56ch}.design-featured-story>a{display:inline-block;margin-top:13px;font-size:13px;font-weight:700;text-underline-offset:5px}
@media(max-width:700px){.design-featured{grid-template-columns:1fr;gap:15px}.design-featured-story{padding:25px}.design-featured-story h3{font-size:32px}}