/* Isolated course-site templates: same content, varied composition and materials. */
.template-stage{background:transparent!important;color:inherit;border:0!important;border-radius:0;box-shadow:none!important;min-width:0;container-type:inline-size}.template-page{--t-bg:#fbfaf7;--t-ink:#202c27;--t-muted:#637268;--t-accent:#233f31;--t-line:#d8ddd4;--t-panel:#fff;--t-radius:0px;background:var(--t-bg);color:var(--t-ink);font:14px/1.6 Arial,sans-serif;overflow:hidden;position:relative;isolation:isolate;border-radius:var(--t-radius)}.template-page *{box-sizing:border-box}.template-page h3,.template-page h4,.template-page h5,.template-page p{margin:0;color:inherit;padding:0!important}.template-page h3{font-size:clamp(36px,7.4cqw,76px);line-height:1.05;letter-spacing:-.055em;font-weight:550}.template-page h3 em{font:inherit;color:var(--t-accent)}.template-page h4{font-size:clamp(23px,3.4cqw,36px);letter-spacing:-.045em;line-height:1.2;font-weight:550}.template-page h5{font-size:20px;letter-spacing:-.035em;line-height:1.3;font-weight:600}.template-kicker{font-size:9px;font-weight:600;letter-spacing:.12em;display:block;margin-bottom:15px}.template-site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 5%;border-bottom:1px solid var(--t-line);position:relative;z-index:2}.template-brand{display:flex;align-items:center;gap:10px}.template-brand>svg{width:27px;height:27px;flex-shrink:0}.template-brand>b{font-size:19px;line-height:1.1;letter-spacing:.02em}.template-brand>b>span{display:block;font-size:8px;letter-spacing:0;font-weight:400;margin-top:5px}.template-site-nav{display:flex;gap:20px;font-size:11px}.template-page .template-site-nav button{border:0;background:none;color:inherit;font:inherit;padding:7px 0;cursor:pointer}.template-edition{font-size:9px;letter-spacing:.04em}.template-body{position:relative}.template-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:5%;padding:65px 5% 60px;min-height:400px}.template-hero-copy{position:relative;z-index:2;min-width:0}.template-hero-copy>p{font-size:13px!important;line-height:1.85!important;max-width:34ch;margin-top:23px!important;margin-bottom:26px!important}.template-page .template-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 19px;font:600 11px/1.4 Arial,sans-serif;color:var(--t-bg);background:var(--t-accent);border:1px solid var(--t-accent);border-radius:var(--t-radius);cursor:pointer}.template-page button:focus-visible{outline:3px solid #da8c51;outline-offset:4px}.template-hero-note{display:block;font-size:8px;color:var(--t-muted);margin-top:14px}.template-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:25px 5%;border-block:1px solid var(--t-line);gap:25px}.template-metrics>div{display:flex;align-items:center;gap:16px}.template-metrics b{font-size:32px;font-weight:500;letter-spacing:-.04em}.template-metrics span{font-size:9px;line-height:1.6;max-width:12ch}.template-program{padding:48px 5% 55px}.template-section-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:25px}.template-section-heading>span{font-size:10px;white-space:nowrap}.template-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.template-course{min-width:0;background:var(--t-panel);border:1px solid var(--t-line);border-radius:var(--t-radius);overflow:hidden}.template-course-art{height:115px;position:relative;overflow:hidden;background:#e4ebe2;color:#263e30;display:flex;align-items:end;justify-content:space-between;padding:17px}.template-course-art>span{font-size:10px;position:absolute;left:17px;top:14px;z-index:1}.template-course-art>b{font-size:34px;letter-spacing:-.04em;z-index:1;font-weight:500}.template-course-art>i{position:absolute;width:115px;height:115px;border:1px solid currentColor;border-radius:50%;right:-17px;top:-19px;opacity:.3}.course-art-02{background:#e4dcca;color:#675540}.course-art-03{background:#cbdade;color:#3d5963}.template-course-copy{padding:18px 15px 20px}.template-course-copy>small{font-size:8px;color:var(--t-muted);display:block;margin-bottom:10px}.template-course-copy>p{font-size:10px!important;line-height:1.7!important;margin-top:10px!important;color:var(--t-muted)}.template-method{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--t-line);padding:45px 5%;background:var(--t-panel)}.template-method>div>p{font-size:12px!important;line-height:1.8!important;max-width:32ch;margin-top:18px!important;color:var(--t-muted)}.template-method ol{padding:0;margin:0;list-style:none;display:grid;gap:18px}.template-method li{display:flex;gap:20px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--t-line)}.template-method li>span{font-size:20px;font-weight:500}.template-method li b{display:block;font-size:13px}.template-method li small{display:block;font-size:9px;color:var(--t-muted);margin-top:5px}.template-site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 5%;border-top:1px solid var(--t-line);margin:0!important;color:inherit;font-size:9px}.template-site-footer>b{font-weight:600;letter-spacing:.08em}.template-details{padding:20px 5%!important;font-size:12px!important;color:inherit!important;border-top:1px solid var(--t-line);background:var(--t-panel);margin:0!important}.template-details p{font-size:11px!important;line-height:1.8!important;margin-top:8px!important}.template-details[hidden]{display:none}.template-workspace-art{height:330px;position:relative;min-width:0}.art-halo{position:absolute;inset:8% -4%;background:#dce6d6;border-radius:50%;z-index:-1}.art-dashboard{position:absolute;left:2%;right:4%;top:14%;border:1px solid #cad3c5;background:#fff;color:#243b32;box-shadow:0 15px 45px #243b3222;border-radius:12px;overflow:hidden;transform:rotate(-5deg)}.art-toolbar{height:30px;display:flex;gap:5px;padding:10px 12px;background:#f0f3ec;border-bottom:1px solid #d7dfd1;font-size:6px;align-items:center}.art-toolbar i{height:4px;width:4px;border-radius:100%;background:#91a188}.art-toolbar span{margin-left:auto}.art-app-body{display:grid;grid-template-columns:35px 1fr;min-height:215px}.art-app-nav{border-right:1px solid #d7dfd1;display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:23px;font-size:7px;background:#f6f7f2}.art-app-content{padding:22px 18px}.art-app-content>small{font-size:6px;letter-spacing:.07em}.art-app-content>b{font-size:25px;line-height:1.05;display:block;margin:14px 0;letter-spacing:-.06em}.art-app-chart{display:flex;gap:9px;align-items:end;height:49px;border-bottom:1px solid #ced9c6}.art-app-chart i{flex:1;background:#cbd9bc;height:15px;border-radius:3px 3px 0 0}.art-app-chart i:nth-child(2n){height:28px;background:#739064}.art-app-chart i:nth-child(3n){height:42px;background:#2d5936}.art-app-foot{font-size:6px;display:flex;justify-content:space-between;margin-top:13px;align-items:center}.art-app-foot>b{padding:5px 8px;background:#243b32;color:white}.art-floating-note{position:absolute;right:-3%;bottom:3%;border:1px solid #d2d8ce;background:#fbfaf2;color:#253b2c;padding:16px 19px;border-radius:10px;box-shadow:0 8px 20px #243b3219;transform:rotate(4deg);width:52%}.art-floating-note>span{font-size:6px;letter-spacing:.05em;display:block}.art-floating-note>b{display:block;font-size:25px;line-height:1.2;margin:8px 0;letter-spacing:-.04em}.art-floating-note>div{height:3px;background:#e1e7d9;border-radius:2px}.art-floating-note>div>i{display:block;height:3px;width:65%;background:#506d40}.template-book-art{position:relative;height:350px;perspective:800px}.template-book{position:absolute;inset:6% 14% 2% 4%;background:#bc5938;color:#fff4d9;transform:rotate(-9deg);padding:25px 22px;box-shadow:13px 12px 0 #e3d3ac,14px 13px 0 #927a55,18px 23px 30px #4a302d33;border:1px solid #ad4b30}.template-book>span{font-size:8px;letter-spacing:.14em}.template-book>b{font:400 40px/1.02 Georgia,serif;display:block;letter-spacing:-.05em;margin:35px 0}.template-book>i{position:absolute;bottom:22px;left:22px;font-style:normal;font-size:6px;letter-spacing:.09em}.book-note{position:absolute;right:0;bottom:0;padding:17px 21px;background:#f9f1dd;box-shadow:0 7px 18px #43321925;transform:rotate(8deg);font:18px/1.2 Georgia,serif}.book-note>span{display:block;font:22px Arial;margin-top:12px}.template-type-art{height:340px;border-block:1px solid currentColor;padding:20px 10px;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start;position:relative}.template-type-art>span{font-size:130px;letter-spacing:-.1em;line-height:1;font-weight:800}.template-type-art>b{font-size:45px;letter-spacing:-.06em;line-height:.99;align-self:end}.template-type-art>i{position:absolute;bottom:12px;left:10px;font-style:normal;font-size:8px}.template-viewer{background:#edf0ea;border:1px solid #ced7c7;border-radius:12px;overflow:hidden}.template-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;background:#fff;border-bottom:1px solid #d5dccf;color:#53694c;font-size:10px}.template-viewer-bar>div{display:flex;gap:5px;flex-wrap:wrap}.template-viewer-bar button{font:inherit;font-size:10px;padding:7px 10px;border:1px solid #d5dccf;background:white;color:#42583d;border-radius:5px;cursor:pointer}.template-viewer-bar [aria-pressed=true]{background:#243b32;border-color:#243b32;color:#fff}.template-viewport{padding:18px;overflow:auto;max-height:850px;scrollbar-gutter:stable}.template-viewport>.template-stage{max-width:1100px;margin:auto;border:1px solid #d5dace!important}.template-viewer[data-width=mobile] .template-viewport>.template-stage{max-width:390px}.template-full-dialog{width:calc(100vw - 48px);max-width:1450px;height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);border:1px solid #c5d0bd;border-radius:15px;padding:20px;background:#f6f8f1;color:var(--ink)}.template-full-dialog::backdrop{background:#172820bb}.template-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.template-dialog-top h2{font-size:19px}.template-dialog-top .button{font-size:12px;padding:10px 15px}.template-full-dialog .template-viewport{max-height:calc(100dvh - 180px)}.template-thumbnail{height:225px;overflow:hidden;position:relative;background:#edf0e9}.template-thumbnail>div{width:700px;transform:scale(.4);transform-origin:top left;pointer-events:none}.template-thumbnail .template-stage{width:700px}.template-thumbnail .template-page{height:565px}.template-compact .template-method,.template-compact .template-site-footer{display:none}.template-compact .template-hero{padding-top:35px;padding-bottom:30px;min-height:335px}.template-compact .template-workspace-art,.template-compact .template-book-art,.template-compact .template-type-art{height:250px}.template-compact .template-program{padding-top:28px}.template-compact .template-metrics{padding-block:15px}.template-compact .template-site-header{padding-block:16px}
/* Minimal: quiet serif, open composition and restrained outlines. */
.template-minimal{--t-accent:#354a3b;--t-line:#dddcd4;--t-bg:#f9f8f3}.template-minimal h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.template-minimal .template-button{background:none;color:var(--t-ink);border:0;border-bottom:1px solid currentColor;padding-left:0}.template-minimal .art-dashboard{border-radius:0;box-shadow:none;transform:none;left:7%;right:0}.template-minimal .art-halo{background:#e9ece2;border-radius:0;inset:0 5%}.template-minimal .art-floating-note{border-radius:0;box-shadow:none;right:12%;bottom:0}.template-minimal .template-course{border:0;background:none}.template-minimal .template-course-copy{padding-inline:0}.template-minimal .template-brand>svg{width:22px}
/* Swiss: red, systematic grid, numbers and large typographic hierarchy. */
.template-swiss{--t-bg:#f0f0e9;--t-ink:#151515;--t-accent:#db342e;--t-muted:#53534f;--t-line:#161616;--t-panel:#f0f0e9}.template-swiss h3{font-weight:900;text-transform:uppercase;font-size:clamp(40px,8.4cqw,83px);letter-spacing:-.075em}.template-swiss h3 em{color:inherit}.template-swiss .template-hero{align-items:start;padding-block:42px;grid-template-columns:1.2fr 1fr}.template-swiss .template-kicker{border-left:10px solid #db342e;padding-left:10px}.template-swiss .template-type-art{color:#db342e;margin-top:40px}.template-swiss .template-metrics{padding-block:19px}.template-swiss .template-metrics b{font-size:44px;font-weight:850}.template-swiss .template-course{border:0;border-top:3px solid #151515}.template-swiss .template-course-art{background:#e1e1d7;color:#161616;height:95px}.template-swiss .course-art-02{background:#db342e;color:#fff}.template-swiss .template-course-art>b{font-weight:850}.template-swiss .template-course-copy{padding-inline:0}.template-swiss .template-section-heading h4{font-weight:800}
/* Editorial: masthead, book image, serif reading rhythm and magazine columns. */
.template-editorial{--t-bg:#f4ecdd;--t-ink:#2e2923;--t-accent:#9e4a32;--t-muted:#796752;--t-line:#cdbfa8;--t-panel:#f4ecdd;font-family:Georgia,serif}.template-editorial .template-site-header{border-bottom:3px double #62513e;flex-wrap:wrap;padding-top:25px;padding-bottom:22px}.template-editorial .template-brand>svg{display:none}.template-editorial .template-brand>b{font:42px/.85 Georgia,serif;letter-spacing:-.065em}.template-editorial .template-brand>b>span{font:8px Arial,sans-serif;letter-spacing:.15em;margin-top:10px}.template-editorial .template-hero{grid-template-columns:1.25fr 1fr;padding-top:50px}.template-editorial h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,8.1cqw,82px)}.template-editorial h3 em{font-style:italic}.template-editorial .template-hero-copy>p{font-family:Georgia,serif}.template-editorial .template-button{font:12px Georgia,serif;background:none;border-color:#9e4a32;color:#9e4a32;border-radius:0}.template-editorial .template-metrics{border-top:3px double #77614a}.template-editorial .template-course{border:0;border-top:1px solid var(--t-line)}.template-editorial .template-course-art{height:150px;background:#ba7055;color:#f8ebcd}.template-editorial .course-art-02{background:#93a38b}.template-editorial .course-art-03{background:#c3a46a}.template-editorial .template-course-art>b{font:48px Georgia}.template-editorial .template-course-copy{padding-left:0}.template-editorial .template-method{border-top:3px double #796752}.template-editorial .template-method h4{font-family:Georgia,serif;font-weight:400}
/* Flat: solid color regions and simple shapes without simulated depth. */
.template-flat{--t-bg:#fff;--t-accent:#076dba;--t-line:#b5d9e9;--t-ink:#103850;--t-panel:#fff}.template-flat .template-hero{background:#d8f0fb}.template-flat .art-dashboard{transform:none;border:0;box-shadow:none;border-radius:0}.template-flat .art-halo{background:#56bedb;border-radius:0;inset:4% 5% 0 0}.template-flat .art-floating-note{transform:none;background:#ffda74;border:0;box-shadow:none;border-radius:0}.template-flat .template-metrics{background:#076dba;color:#fff;border:0}.template-flat .template-course{border:0;background:#eff6fa}.template-flat .template-course-art{background:#7dcce0}.template-flat .course-art-02{background:#ffda74}.template-flat .course-art-03{background:#9ed6bd}.template-flat .template-method{background:#eaf8f4;border:0}
/* Material-inspired: color roles, rounded surfaces and contained action. */
.template-material{--t-bg:#fff9ff;--t-ink:#322440;--t-accent:#6750a4;--t-muted:#6c5f78;--t-line:#dfd2eb;--t-panel:#f1eafa;--t-radius:24px}.template-material .template-site-header{border:0;background:#ece1f7}.template-material .template-hero{margin:18px;padding:40px 4%;border-radius:30px;background:#f0e6fc}.template-material .template-button{border-radius:30px;padding-inline:24px}.template-material .art-halo{background:#d9c7f7;border-radius:40px 100px 40px 100px}.template-material .art-dashboard{background:#fff9ff;border:0;border-radius:18px;color:#322440;box-shadow:0 8px 20px #6750a433}.template-material .art-floating-note{background:#eaddff;color:#3b2751;border-radius:20px;border:0}.template-material .template-metrics{border:0;background:#ece1f7;margin:0 18px;border-radius:24px}.template-material .template-program{padding-top:36px}.template-material .template-course{border:0}.template-material .template-course-art{background:#eaddff;color:#6750a4}.template-material .course-art-02{background:#f2dbe8}.template-material .course-art-03{background:#d5e9e6}.template-material .template-method{background:#f6effb;border:0;margin:0 18px 20px;border-radius:24px}
/* Fluent-inspired: productivity workspace with a calm blue sidebar. */
.template-fluent{--t-bg:#f5f7fb;--t-accent:#0f6cbd;--t-line:#d4dce7;--t-ink:#223246;--t-muted:#5e6c80;--t-panel:white;--t-radius:6px}.template-fluent .template-body{padding-left:55px}.template-fluent .template-body:before{content:'01\a\a 02\a\a 03';white-space:pre;position:absolute;left:0;top:0;bottom:0;width:45px;padding:32px 13px;background:#e6edf6;color:#426182;font-size:11px;line-height:2;border-right:1px solid #d1ddea}.template-fluent h3{font-size:clamp(34px,6cqw,64px);font-weight:600}.template-fluent .template-site-header{background:#fff}.template-fluent .template-hero{padding-block:40px}.template-fluent .art-halo{background:#dbe8f7;border-radius:10px}.template-fluent .art-dashboard{transform:rotate(-2deg);border-radius:7px;box-shadow:0 15px 25px #4a78ae20}.template-fluent .art-floating-note{background:white;border-radius:5px;transform:none;box-shadow:0 4px 14px #365c8a18}.template-fluent .template-metrics{background:#fff}.template-fluent .template-program{padding-block:35px}.template-fluent .template-course-art{height:95px;background:#e5edf8}.template-fluent .course-art-02{background:#e8e3f4}.template-fluent .course-art-03{background:#d5e9e6}
/* Skeuomorphism: stitched cover, paper, binding and tactile controls. */
.template-skeuo{--t-bg:#eee4ca;--t-ink:#453425;--t-accent:#5b4931;--t-line:#bcaa85;--t-muted:#776449;--t-panel:#fff8e7;font-family:Georgia,serif;background:repeating-linear-gradient(0deg,#eee4ca 0 3px,#ebe0c5 3px 4px)}.template-skeuo .template-site-header{background:linear-gradient(#694d31,#4a3321);color:#fff2d0;border-bottom:4px solid #372818;box-shadow:inset 0 1px #a68a60;outline:1px dashed #c2a57a;outline-offset:-10px}.template-skeuo h3{font:400 clamp(38px,7.5cqw,76px)/1.08 Georgia,serif;letter-spacing:-.055em;text-shadow:0 1px #fff}.template-skeuo .template-hero{background:#fff8e1aa;margin:20px;box-shadow:inset 0 1px 5px #88623622;border:1px solid #c5ae82;padding-block:40px}.template-skeuo .template-button{background:linear-gradient(#84714c,#5f4a2e);border:1px solid #493420;border-bottom:3px solid #37291d;color:#fff4de;border-radius:5px;box-shadow:inset 0 1px #c6b087,0 3px 5px #5f432c33}.template-skeuo .template-book{background:linear-gradient(120deg,#306256,#21483d);box-shadow:8px 10px 0 #e4cf9e,9px 11px 0 #97825a,15px 20px 24px #3d30263b;border:2px solid #173e32;outline:1px dashed #91a98c;outline-offset:-10px;color:#f2dfb4}.template-skeuo .template-metrics{background:#ded0ad;box-shadow:inset 0 3px 4px #69533718}.template-skeuo .template-course{box-shadow:2px 3px 4px #755b3533}.template-skeuo .template-course-art{background:repeating-linear-gradient(0deg,#fff8e7 0 18px,#c8ccb8 18px 19px);color:#685235}.template-skeuo .template-course-copy h5{font-family:Georgia}.template-skeuo .template-method{background:#fff9e8;border:1px solid #bda779;margin:0 20px 22px;box-shadow:4px 5px 0 #d7c7a1}
/* Brutalism: direct readable text, blue underlined links and raw structure. */
.template-brutal{--t-bg:#fff;--t-ink:#000;--t-accent:#0000ba;--t-line:#000;--t-muted:#444;--t-panel:#fff;font-family:Arial,sans-serif}.template-brutal .template-brand>svg{display:none}.template-brutal .template-brand>b{font-size:27px;letter-spacing:-.06em}.template-brutal h3{font-weight:900;font-size:clamp(39px,7.6cqw,78px);letter-spacing:-.06em}.template-brutal h3 em{color:#000}.template-brutal .template-site-nav button{color:#0000ba;text-decoration:underline}.template-brutal .template-hero{padding-block:40px}.template-brutal .template-type-art{border:3px solid;padding:14px;height:290px}.template-brutal .template-type-art>span{font-size:100px}.template-brutal .template-type-art>b{font-size:38px}.template-brutal .template-button{background:white;color:#0000ba;border:2px solid #000;text-decoration:underline;font-size:13px;padding:9px 14px}.template-brutal .template-course{border:2px solid}.template-brutal .template-course-art{background:#fff;color:#000;border-bottom:2px solid}.template-brutal .template-course-art i{border-radius:0}.template-brutal .template-course-copy>p{color:#333}.template-brutal .template-method{background:white}
/* Neo-brutalism: hard offset shadows, bold border and selective bright color. */
.template-neo{--t-bg:#fff3b7;--t-ink:#151515;--t-accent:#151515;--t-line:#151515;--t-muted:#383225;--t-panel:#fffbeb}.template-neo .template-site-header{border-bottom:2px solid;background:#fff7d8}.template-neo h3{font-weight:900;letter-spacing:-.07em}.template-neo .template-hero{background:#ffdf72}.template-neo .template-button{background:#f28cac;border:2px solid #151515;color:#151515;box-shadow:5px 5px 0 #151515;font-size:12px}.template-neo .art-halo{background:#a9caeb;border:2px solid #151515;border-radius:0;transform:rotate(7deg);inset:4% 8%}.template-neo .art-dashboard{border:2px solid #151515;border-radius:0;box-shadow:6px 6px 0 #151515;transform:rotate(-7deg)}.template-neo .art-floating-note{background:#a8d5ba;border:2px solid #151515;border-radius:0;box-shadow:5px 5px 0 #151515}.template-neo .template-metrics{border-width:2px;background:#f28cac}.template-neo .template-course{border:2px solid #151515;box-shadow:4px 4px 0 #151515}.template-neo .template-course-art{background:#abd1ec;border-bottom:2px solid}.template-neo .course-art-02{background:#f7a5b8}.template-neo .course-art-03{background:#b7dba6}.template-neo .template-method{border-top:2px solid;background:#fdf8e6}
/* Neumorphism: shaped panel, pressed control and contrasting readable type. */
.template-neumo{--t-bg:#e8edf0;--t-ink:#304553;--t-accent:#304f5e;--t-muted:#5a7080;--t-line:#c5d1d8;--t-panel:#e8edf0;--t-radius:18px}.template-neumo .template-site-header{border:0}.template-neumo .template-button{background:#e8edf0;color:#304f5e;border:1px solid #c4cfd7;box-shadow:6px 6px 12px #bac5cc,-6px -6px 12px #fff;border-radius:12px}.template-neumo .template-hero{padding-top:40px}.template-neumo .art-halo{background:#e8edf0;box-shadow:inset 13px 13px 25px #bfccd4,inset -13px -13px 25px #fff}.template-neumo .art-dashboard{background:#e8edf0;color:#344e5d;border:1px solid #ced8de;box-shadow:8px 8px 18px #b5c3cc,-8px -8px 18px #fff;border-radius:20px;transform:none;top:17%}.template-neumo .art-floating-note{background:#e8edf0;color:#304553;border:1px solid #ced8de;box-shadow:6px 6px 14px #b9c5cc,-6px -6px 14px #fff;transform:none}.template-neumo .template-metrics{border:0;margin:0 5%;padding:22px;box-shadow:inset 6px 6px 10px #c4cfd5,inset -6px -6px 10px #fff;border-radius:20px}.template-neumo .template-course{border:1px solid #cad4d9;box-shadow:7px 7px 15px #bfccd3,-7px -7px 15px #fff;background:#e8edf0}.template-neumo .template-course-art{background:#e8edf0;border-bottom:1px solid #cad4d9}.template-neumo .template-method{border:0}
/* Glass: distinct background detail seen through translucent blurred panels. */
.template-glass{--t-bg:#1c2d4b;--t-ink:#f3f6ff;--t-accent:#d8e9ff;--t-muted:#d1ddef;--t-line:#b7cdec50;--t-panel:#ffffff12;--t-radius:16px;background:radial-gradient(at 90% 20%,#b25689,transparent 48%),radial-gradient(at 5% 65%,#337f8c,transparent 45%),#1a294b}.template-glass:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 68px,#ffffff10 68px 69px);z-index:-1}.template-glass .template-site-header{background:#ffffff0d;backdrop-filter:blur(12px)}.template-glass .template-hero{padding-top:45px}.template-glass .art-halo{background:linear-gradient(35deg,#70bfd8,#f399b8);border-radius:40%;inset:-10% -4% 0 20%;transform:rotate(20deg)}.template-glass .art-dashboard{background:#ffffff25;backdrop-filter:blur(16px);border:1px solid #ffffff99;color:white;box-shadow:0 15px 35px #17264644}.template-glass .art-toolbar,.template-glass .art-app-nav{background:#ffffff11;border-color:#fff5}.template-glass .art-app-chart{border-color:#fff6}.template-glass .art-app-chart i{background:#b1ceeaaa}.template-glass .art-app-chart i:nth-child(2n){background:#edb9d9aa}.template-glass .art-app-chart i:nth-child(3n){background:#ffffffbb}.template-glass .art-floating-note{background:#ffffff25;backdrop-filter:blur(18px);border:1px solid #fff7;color:#fff;box-shadow:0 7px 22px #20386430}.template-glass .template-button{background:#e0eaff;color:#1c2d4b;border-color:#e0eaff}.template-glass .template-metrics{background:#ffffff15;backdrop-filter:blur(10px);margin:0 5%;border:1px solid #ffffff66;border-radius:16px}.template-glass .template-course{background:#ffffff19;border-color:#fff5;backdrop-filter:blur(14px)}.template-glass .template-course-art{background:#ffffff14;color:white}.template-glass .template-method{background:#ffffff0b}.template-glass h3 em{color:#d3deff}
/* Liquid-inspired web study: floating capsules, luminous seams and layered controls. */
.template-liquid{--t-bg:#dceaf7;--t-ink:#243e58;--t-accent:#234f79;--t-muted:#506d88;--t-line:#ffffffa0;--t-panel:#ffffff50;--t-radius:26px;background:radial-gradient(at 90% 5%,#edc3dc,transparent 55%),radial-gradient(at 0% 65%,#b5d6ec,transparent 50%),linear-gradient(140deg,#e3f1f2,#e6d9f0)}.template-liquid .template-site-header{margin:15px 3% 0;border:1px solid #fff;border-radius:50px;background:#ffffff60;box-shadow:inset 0 2px 3px #fff,0 6px 12px #4068901c;backdrop-filter:blur(15px);padding:16px 5%}.template-liquid .template-hero{padding-top:45px}.template-liquid .art-halo{background:linear-gradient(30deg,#c0edf1,#e1acd0,#d6c4f5);border-radius:47% 53% 62% 38%;inset:-3% -8% 0 5%;transform:rotate(20deg)}.template-liquid .art-dashboard{background:#ffffff6a;border:1px solid #fff;backdrop-filter:blur(18px);box-shadow:inset 0 2px 3px #fff,0 15px 25px #43678633;border-radius:26px}.template-liquid .art-toolbar{background:#ffffff4a}.template-liquid .art-app-nav{background:#ffffff20}.template-liquid .art-floating-note{background:#ffffff77;backdrop-filter:blur(12px);border:1px solid #fff;border-radius:22px;box-shadow:inset 0 2px 2px #fff,0 8px 14px #50739125}.template-liquid .template-button{border-radius:30px;border:1px solid #fff;background:#ffffff80;color:#254971;box-shadow:inset 0 2px 2px #fff,0 4px 10px #315f7d22}.template-liquid .template-metrics{border:1px solid #fff;background:#ffffff55;backdrop-filter:blur(12px);border-radius:26px;margin:0 5%;box-shadow:inset 0 2px 2px #fff}.template-liquid .template-course{background:#ffffff60;border:1px solid #fff;backdrop-filter:blur(12px);box-shadow:inset 0 2px 2px #fff}.template-liquid .template-course-art{background:#ffffff33}.template-liquid .template-method{margin:0 5% 20px;border:1px solid #fff;border-radius:26px;background:#ffffff55}
/* Bento: asymmetrical content grid with cards of meaningfully different sizes. */
.template-bento{--t-bg:#eeedf4;--t-ink:#2d2853;--t-accent:#6554ac;--t-muted:#6b6388;--t-line:#d8d3e5;--t-panel:#fff;--t-radius:20px}.template-bento .template-site-header{border:0;padding-block:23px}.template-bento .template-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 3% 3%}.template-bento .template-hero{grid-column:span 2;display:block;background:#dcd5f5;border-radius:24px;padding:35px 8% 20px;min-height:0}.template-bento h3{font-size:clamp(34px,6.3cqw,64px)}.template-bento .template-hero-copy>p{max-width:35ch;margin-block:18px!important}.template-bento .template-workspace-art{height:230px;width:80%;margin:0 auto}.template-bento .art-dashboard{top:5%;left:0;right:0;transform:rotate(-4deg);box-shadow:none}.template-bento .art-app-body{min-height:175px}.template-bento .art-floating-note{bottom:0;right:-8%;padding:13px}.template-bento .art-halo{display:none}.template-bento .template-metrics{grid-column:span 1;grid-row:1;grid-column-start:3;display:flex;flex-direction:column;align-items:stretch;background:#d7e5cc;border:0;padding:28px;gap:25px;border-radius:24px;justify-content:space-around}.template-bento .template-metrics>div{display:block}.template-bento .template-metrics b{display:block;font-size:58px;line-height:1.1}.template-bento .template-metrics span{max-width:none;display:block;font-size:11px;margin-top:10px}.template-bento .template-program{grid-column:span 3;padding:24px 0 0}.template-bento .template-section-heading{padding:0 7px}.template-bento .template-course{border:0}.template-bento .template-course-art{height:120px;background:#ffe0c3}.template-bento .course-art-02{background:#d5e5dc}.template-bento .course-art-03{background:#dbd7f4}.template-bento .template-method{grid-column:span 3;border:0;border-radius:22px;padding:30px;background:white}.template-bento .template-site-footer,.template-bento .template-details{grid-column:span 3}.template-bento .template-details{border-radius:20px}
/* Dark: precise borders, terminal-inspired diagram and restrained green accent. */
.template-dark{--t-bg:#111515;--t-ink:#ecefec;--t-accent:#b4dca3;--t-muted:#a2aea4;--t-line:#343e37;--t-panel:#181f1a;--t-radius:8px}.template-dark h3{font-weight:600}.template-dark .template-hero{background:radial-gradient(at 70% 70%,#293e2866,transparent 60%)}.template-dark .art-halo{background:#283e2b;border:1px solid #536a45;border-radius:14px;inset:5% 2%}.template-dark .art-dashboard{background:#1b251e;color:#e2eddc;border:1px solid #516048;transform:perspective(600px) rotateY(-9deg) rotateZ(-4deg);box-shadow:0 12px 35px #0008;border-radius:10px}.template-dark .art-toolbar,.template-dark .art-app-nav{background:#121a14;border-color:#41523a}.template-dark .art-floating-note{background:#d0e2b8;color:#213324;border:0;box-shadow:0 6px 25px #0004}.template-dark .art-app-chart{border-color:#53624b}.template-dark .art-app-chart i{background:#425b3a}.template-dark .art-app-chart i:nth-child(2n){background:#8eae73}.template-dark .art-app-chart i:nth-child(3n){background:#c6e5a8}.template-dark .template-course-art{background:#263329;color:#b9d1a7}.template-dark .course-art-02{background:#29343b;color:#bdd5e0}.template-dark .course-art-03{background:#3b312b;color:#dac9b5}.template-dark .template-method{background:#141a15}
/* Gradient: a spacious product landing with color transitions behind content. */
.template-gradient{--t-bg:#fdf9ff;--t-ink:#31204e;--t-accent:#61458f;--t-muted:#746781;--t-line:#e0d6ec;--t-panel:white;--t-radius:12px}.template-gradient .template-hero{background:radial-gradient(at 10% 0%,#fde0d9,transparent 60%),radial-gradient(at 100% 80%,#cdd1ff,transparent 60%),#f4eafd}.template-gradient h3 em{background:linear-gradient(90deg,#8056b7,#b45178);background-clip:text;-webkit-background-clip:text;color:transparent}.template-gradient .art-halo{background:linear-gradient(130deg,#edb5cf,#a999d9,#91bddd);border-radius:40px 90px 45px 85px;transform:rotate(10deg)}.template-gradient .art-dashboard{transform:perspective(650px) rotateY(-15deg) rotateZ(-6deg);box-shadow:0 20px 35px #7061a733;border-color:#d8c8e7}.template-gradient .art-floating-note{background:linear-gradient(130deg,#fae1d2,#e5d9fb);border-color:#e1cdea;color:#614570}.template-gradient .template-button{background:linear-gradient(100deg,#604592,#935577);border:0}.template-gradient .template-metrics{background:#f3eafa;border:0}.template-gradient .template-course-art{background:linear-gradient(140deg,#f2c2ad,#e8afc8)}.template-gradient .course-art-02{background:linear-gradient(140deg,#a9b9f2,#c9b0df)}.template-gradient .course-art-03{background:linear-gradient(140deg,#aad2d8,#b8c1ef)}
/* CSS 3D: a purpose-built spatial scene; no WebGL or automatic motion. */
.template-immersive{--t-bg:#10182a;--t-ink:#edf4ff;--t-accent:#bcd7ff;--t-muted:#a8bad3;--t-line:#42516b;--t-panel:#192238;--t-radius:12px}.template-immersive .template-hero{background:radial-gradient(at 70% 65%,#385988,transparent 63%);min-height:420px}.template-scene.mini-art{height:340px;width:100%;position:relative;right:auto;top:auto;opacity:1;transform:none;perspective:700px;overflow:hidden}.scene-grid{position:absolute;inset:30% -20% -35%;background:repeating-linear-gradient(0deg,transparent 0 26px,#8eb5e631 26px 27px),repeating-linear-gradient(90deg,transparent 0 26px,#8eb5e631 26px 27px);transform:rotateX(64deg)}.scene-orbit{position:absolute;width:230px;height:230px;top:38px;left:10%;border:1px solid #99bee86b;border-radius:50%;transform:rotateX(62deg) rotateZ(-30deg)}.scene-cube{width:155px;height:155px;position:absolute;left:21%;top:83px;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-30deg) rotateZ(8deg)}.scene-cube>div{position:absolute;width:155px;height:155px;border:1px solid #b5d5fb;background:#557eba;box-shadow:inset 0 0 45px #deefff44;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f1f7ff;backface-visibility:visible}.cube-front{transform:translateZ(77px);font-size:60px;font-weight:800;letter-spacing:-.05em}.cube-front small{font-size:11px;font-weight:400;letter-spacing:0}.cube-side{transform:rotateY(90deg) translateZ(77px);background:#334f83!important;font-size:28px}.cube-top{transform:rotateX(90deg) translateZ(77px);background:#819dc9!important;font-size:17px;letter-spacing:.07em}.scene-label{position:absolute;bottom:15px;left:5%;font-size:7px;letter-spacing:.09em;color:#cbdff9}.template-immersive .template-course-art{background:linear-gradient(130deg,#334e7b,#4c75a2);color:#d6e8ff}.template-immersive .course-art-02{background:linear-gradient(130deg,#4a497e,#8470aa)}.template-immersive .course-art-03{background:linear-gradient(130deg,#31596a,#56908e)}.template-immersive.motion-on .scene-cube{animation:template-orbit 8s ease-in-out infinite alternate}.template-immersive.motion-on .mini-art{animation:none!important}@keyframes template-orbit{to{transform:rotateX(-12deg) rotateY(25deg) rotateZ(-4deg)}}
@container(max-width:500px){.template-site-header{padding:19px 6%;gap:13px}.template-site-nav{display:none}.template-brand>b{font-size:17px}.template-brand>svg{width:23px;height:23px}.template-edition{font-size:7px}.template-hero{display:flex;flex-direction:column;align-items:stretch;padding:38px 7% 25px;gap:20px;min-height:0}.template-page h3{font-size:44px;letter-spacing:-.055em}.template-hero-copy>p{font-size:12px!important;max-width:36ch;margin-top:18px!important;margin-bottom:20px!important}.template-hero-note{font-size:7px}.template-workspace-art{height:280px;width:90%;margin:0 auto}.art-app-content>b{font-size:28px}.template-metrics{padding:22px 7%;gap:17px}.template-metrics>div{display:block}.template-metrics b{font-size:31px;display:block}.template-metrics span{font-size:8px;display:block;margin-top:5px;max-width:16ch}.template-program{padding:35px 7%}.template-section-heading{gap:15px;align-items:center}.template-page h4{font-size:26px}.template-section-heading>span{font-size:8px}.template-course-grid{grid-template-columns:1fr;gap:14px}.template-course{display:grid;grid-template-columns:105px minmax(0,1fr)}.template-course-art{height:100%;min-height:130px;padding:13px}.template-course-art>b{font-size:28px}.template-course-art>span{left:13px}.template-course-copy{padding:19px 15px}.template-page h5{font-size:21px}.template-course-copy>p{font-size:10px!important}.template-method{padding:35px 7%;grid-template-columns:1fr;gap:27px}.template-method>div>p{font-size:12px!important;max-width:40ch}.template-method li b{font-size:14px}.template-method li small{font-size:10px}.template-site-footer{padding:22px 7%;font-size:8px;gap:12px;flex-wrap:wrap}.template-book-art{height:310px;width:85%;margin:auto}.template-book>b{font-size:39px}.template-type-art{height:260px;margin:0!important}.template-type-art>span{font-size:112px}.template-type-art>b{font-size:39px}.template-swiss .template-hero{display:flex;padding-block:35px}.template-swiss h3{font-size:48px}.template-editorial .template-hero{display:flex}.template-editorial h3{font-size:50px}.template-editorial .template-brand>b{font-size:34px}.template-editorial .template-course-art{height:100%}.template-material .template-hero{padding:28px 7%}.template-fluent .template-body{padding-left:0}.template-fluent .template-body:before{display:none}.template-fluent h3{font-size:43px}.template-fluent .template-course-art{height:100%}.template-skeuo .template-hero{margin:14px;padding-inline:7%}.template-skeuo h3{font-size:44px}.template-brutal h3{font-size:45px}.template-brutal .template-type-art>span{font-size:105px}.template-glass .art-floating-note{bottom:0}.template-bento .template-body{grid-template-columns:1fr}.template-bento .template-hero{grid-column:auto;padding:32px 7% 25px}.template-bento h3{font-size:46px}.template-bento .template-metrics{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:24px 7%}.template-bento .template-metrics b{font-size:34px}.template-bento .template-metrics span{font-size:8px;margin-top:6px}.template-bento .template-program,.template-bento .template-method,.template-bento .template-site-footer,.template-bento .template-details{grid-column:auto}.template-bento .template-course-art{height:100%}.template-bento .template-workspace-art{height:250px;width:88%;margin-top:20px}.template-immersive .template-hero{min-height:0}.template-scene.mini-art{height:300px}.scene-cube{left:22%;top:63px}}
@media(prefers-reduced-motion:reduce){.template-immersive.motion-on .scene-cube{animation:none!important}.template-page *{scroll-behavior:auto!important}}
@media(max-width:760px){.template-viewport{padding:8px;max-height:730px}.template-viewer-bar{flex-direction:column;align-items:start;padding:11px 12px;gap:9px}.template-viewer-bar button{font-size:10px}.template-full-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:12px}.template-dialog-top h2{font-size:15px}.template-dialog-top .button{padding:8px 11px;font-size:11px}.template-full-dialog .template-viewport{max-height:calc(100dvh - 185px)}}

.template-thumbnail{height:calc(565px * var(--thumb-scale,.4))}.template-thumbnail>div{transform:scale(var(--thumb-scale,.4))}.style-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.style-card>div:last-child{padding:20px}.style-card>div:last-child>b{font-size:18px;line-height:1.4}.style-card>div:last-child>span{font-size:11px;margin-top:7px}.style-card small{display:block;font-size:10px;color:#667c5b;margin-top:13px}.style-card:hover{box-shadow:0 5px 20px #243b3215;border-color:#74876a}.style-feature{grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:25px;align-items:start;margin:0}.style-feature>.authored-style-example{padding:0;border:0;margin:0}.style-description{border:1px solid var(--line);background:#fff;padding:22px;border-radius:12px;min-width:0}.style-description>h2{font-size:22px;margin:13px 0}.style-description>h3{font-size:18px;margin:24px 0 12px}.style-description>p,.style-description dd{font-size:12px;line-height:1.9}.style-description dl{margin:20px 0}.style-description .reference-image-link .reference-thumbnail{height:200px}.style-description .reference-reading ol{font-size:12px}.style-description .reference-reading h3{font-size:18px}.style-switcher{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:25px 0}.style-switcher label{display:flex;flex-direction:column;gap:8px;font-size:12px;min-width:200px}.style-switcher select{font:inherit;background:white;border:1px solid var(--line);padding:12px;border-radius:7px}.style-switcher>div{display:flex;gap:10px}.style-switcher .button{font-size:12px;padding:11px 15px}.style-comparison{margin:35px 0;border:1px solid var(--line);border-radius:12px;padding:22px;background:#fff}.style-comparison>summary{cursor:pointer;font-size:18px;font-weight:550}.style-comparison>p{font-size:13px;color:#61765a;margin-top:15px}.style-comparison .compare-column>.template-stage{max-height:680px;overflow-y:auto;border:1px solid #d8dfd1!important}.style-feature .demo-caption{font-size:11px;line-height:1.9}
@media(max-width:1100px){.style-feature{grid-template-columns:1fr}.style-description{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.style-description>.eyebrow,.style-description>h2,.style-description>h3,.style-description>.text-link{grid-column:1/-1}.style-description>p,.style-description>dl{margin:0}.style-description .design-reference{margin:0}.style-gallery{gap:16px}}
@media(max-width:760px){.style-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.style-card>div:last-child{padding:13px}.style-card>div:last-child>b{font-size:13px}.style-card>div:last-child>span{font-size:9px}.style-card small{font-size:8px;line-height:1.7;margin-top:9px}.style-switcher{flex-direction:column;align-items:stretch;gap:12px;margin-top:20px}.style-switcher>div{justify-content:space-between}.style-switcher .button{padding:9px 12px;font-size:11px}.style-description{display:block;padding:20px;margin-top:20px}.style-description>p{margin:15px 0}.style-description>dl{margin-top:20px}.style-comparison{padding:17px}.style-comparison>summary{font-size:16px}.style-comparison .compare-grid{grid-template-columns:1fr}.style-comparison .compare-column>.template-stage{max-height:620px}.style-filters{gap:6px}.style-filters .chip{font-size:10px;padding:8px 11px}}

.style-filters{flex-wrap:wrap}

.template-canvas{position:relative;overflow:hidden;max-width:100%;margin:auto}.template-canvas>.template-stage{position:absolute;left:0;top:0;max-width:none!important;min-width:0!important;transform-origin:top left;border:1px solid #d5dace!important}.template-viewer[data-width=mobile] .template-canvas>.template-stage{max-width:none}.template-size-note{font:10px/1.7 Arial,sans-serif;margin:0!important;padding:10px 15px!important;background:#fff;color:#53694c;border-top:1px solid #d5dccf}.template-full-dialog .template-viewport{max-height:calc(100dvh - 230px)}