/* Second craft pass. Existing print and application layers remain authoritative. */
@media screen{
.studio header>.brand{width:auto;height:auto;display:block;overflow:visible;flex:0 0 auto;line-height:1}.studio header .brand-logo{width:190px!important;height:auto!important;max-width:100%;margin:0;mix-blend-mode:normal}
.studio .studio-hero{grid-template-columns:1.14fr 1fr;gap:48px;padding-top:38px;padding-bottom:48px;align-items:center}.studio .hero-kicker{margin-bottom:22px}.studio .studio-hero h1{font-size:80px;line-height:1.035;letter-spacing:-.055em;margin-bottom:26px}.studio .hero-line{display:block;white-space:nowrap}.studio .studio-hero .intro{font-size:16px;line-height:1.75;max-width:440px;margin-bottom:26px}.studio .studio-hero .hero-art{height:420px}.studio .hero-meta{font-size:11px}.studio .studio-hero .actions{margin-bottom:18px}.studio .paper-card-front{top:80px;right:36px}.studio .paper-card-back{top:35px;left:34px}
html[lang^=zh] .studio .studio-hero h1{font-size:65px;line-height:1.2;letter-spacing:-.055em}html[lang=es] .studio .studio-hero h1,html[lang^=pt] .studio .studio-hero h1{font-size:72px}html[lang=fr] .studio .studio-hero h1{font-size:62px}html[lang=de] .studio .studio-hero h1{font-size:66px}
/* One lead activity, two quieter editorial entries: less repeated card framing. */
.studio.page-home .cards{grid-template-columns:1.17fr 1fr 1fr;gap:28px;margin-bottom:48px}.studio.page-home .cards>.tile{padding:28px;min-height:292px;border:0!important;border-radius:0;box-shadow:none;background:transparent}.studio.page-home .cards>.tile:first-child{background:var(--ink);border-radius:18px;color:#fffdf5}.studio.page-home .cards>.tile:first-child b,.studio.page-home .cards>.tile:first-child strong{color:#fffdf5}.studio.page-home .cards>.tile:first-child p{color:#d8e2d5}.studio.page-home .cards>.tile:first-child .icon{background:var(--lime);color:var(--ink)}.studio.page-home .cards>.tile:first-child:hover{background:#254f41}.studio.page-home .cards>.tile:not(:first-child){border-left:1px solid var(--line)!important;padding-left:28px}.studio.page-home .cards>.tile:not(:first-child):hover{background:#edf1e4}.studio.page-home .cards>.tile b{font-size:22px;max-width:250px}.studio.page-home .cards>.tile strong{font-size:12px}.studio.page-home .theme-grid>.theme-card{border-radius:10px}.studio.page-home .theme-grid>.theme-card:first-child{background:var(--ink);border-color:var(--ink)}.studio.page-home .theme-grid>.theme-card:first-child :is(h2,a){color:#fffdf5}.studio.page-home .theme-grid>.theme-card:first-child p{color:#d8e2d5}.studio.page-home .theme-grid>.theme-card:not(:first-child){background:transparent;border-color:#c4cfba}
/* Cards preserve every paragraph and data attribute used by the planner. */
.studio .library-game{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(70px,1fr) auto auto auto;gap:0 16px;border-radius:12px;padding:26px;align-items:start}.studio .library-game>h3{grid-column:1/-1;font-size:25px;line-height:1.2;min-height:2.4em;margin:0 0 14px;max-width:420px}.studio .library-game .card-description{grid-column:1/-1;font-size:14px;line-height:1.75;margin:0 0 22px}.studio .library-game .card-quick{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:13px 0;border-top:1px solid #dce2d3;border-bottom:1px solid #dce2d3;margin:0 0 12px;font-size:12px;line-height:1.6;min-height:46px;width:100%}.studio .library-game .card-quick b{font-size:13px;font-weight:650;min-width:110px;flex:1}.studio .library-game .card-extra{font-size:12px;line-height:1.5;flex:1;color:var(--muted)}.studio .library-game .card-separator{display:none}.studio .library-game .card-materials{grid-column:1/-1;font-size:12px;line-height:1.65;margin:0 0 20px;color:var(--muted)}.studio .library-game>.text-link{grid-column:1;grid-row:5;margin:0;font-size:12px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;align-self:end;justify-self:start}.studio .library-game>button{grid-column:2;grid-row:5;align-self:end;justify-self:end;margin:0;min-height:44px;padding:10px 14px;font-size:11px;background:transparent;border-color:#bdcbb1}.studio .library-game>button:hover{background:#e8efda}.studio .library-section>h2{font-size:32px;letter-spacing:-.035em}.studio .library-section{margin-top:44px;padding-top:32px}
/* A working area, with content settings and output choices visually separated. */
.studio .editor{background:#edf0e4}.studio .editor>label[for=play],.studio .editor>label[for=count]{border-top:1px solid #c8d2bc;padding-top:20px;margin-top:24px}.studio .editor label{font-size:12px;line-height:1.5}.studio .editor .actions{padding-top:8px;gap:10px}.studio .editor #download{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted);font-size:12px;min-height:36px;padding:6px 12px;text-decoration:underline;text-underline-offset:4px}.studio .editor #download:hover{color:var(--ink);background:#e2e9d6}.studio .draft-tools{background:transparent}.studio .preview{border-radius:14px}.studio .preview>h2{font-size:23px;letter-spacing:-.025em}.studio .preview>.note{max-width:500px;font-size:12px}
@media(max-width:1180px) and (min-width:981px){.studio .studio-hero{gap:32px}.studio .studio-hero h1{font-size:65px}html[lang^=zh] .studio .studio-hero h1{font-size:55px}html[lang=es] .studio .studio-hero h1,html[lang^=pt] .studio .studio-hero h1{font-size:60px}html[lang=fr] .studio .studio-hero h1{font-size:50px}html[lang=de] .studio .studio-hero h1{font-size:55px}.studio .studio-hero .hero-art{height:390px}.studio .paper-card{width:210px}.studio .paper-card-front{right:16px;top:84px}.studio .paper-card-back{left:20px;top:28px}}
@media(max-width:980px){.studio .studio-hero{grid-template-columns:1fr;gap:34px;padding:30px 0 42px}.studio .studio-hero-copy{max-width:680px}.studio .studio-hero h1{font-size:76px}.studio .studio-hero .intro{max-width:560px;font-size:17px}.studio .studio-hero .hero-art{width:100%;max-width:650px;height:360px;justify-self:center}.studio .paper-card{width:230px}.studio .paper-card-back{left:calc(50% - 210px);top:26px;transform:rotate(-11deg)}.studio .paper-card-front{right:calc(50% - 215px);top:42px;transform:rotate(9deg)}.studio .art-seal{left:calc(50% - 230px);bottom:20px}.studio.page-home .cards{gap:18px}.studio.page-home .cards>.tile{padding:22px}.studio.page-home .cards>.tile:not(:first-child){padding-left:22px}.studio.page-home .cards>.tile b{font-size:20px}.studio header .brand-logo{width:164px!important}}
@media(max-width:680px){.studio header .brand-logo{width:154px!important}.studio .studio-hero{gap:28px;padding-top:20px;margin-bottom:34px;padding-bottom:36px}.studio .studio-hero h1{font-size:clamp(37px,11.1vw,58px);line-height:1.07;letter-spacing:-.05em;margin-bottom:24px}html[lang^=zh] .studio .studio-hero h1{font-size:clamp(37px,10.5vw,54px);line-height:1.25}html[lang=es] .studio .studio-hero h1{font-size:clamp(33px,9.8vw,51px)}html[lang^=pt] .studio .studio-hero h1{font-size:clamp(34px,10vw,52px)}html[lang=fr] .studio .studio-hero h1{font-size:clamp(29px,8.5vw,44px)}html[lang=de] .studio .studio-hero h1{font-size:clamp(30px,8.9vw,46px)}.studio .studio-hero .intro{font-size:16px;line-height:1.75;margin-bottom:24px}.studio .hero-kicker{font-size:9px;letter-spacing:.11em;margin-bottom:20px}.studio .studio-hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.studio .studio-hero .actions>.btn{font-size:11px;padding:12px 10px;min-height:46px}.studio .studio-hero .actions>.btn:nth-child(n+3){grid-column:1/-1;justify-content:flex-start;padding-left:0;min-height:40px;display:flex;align-items:center}.studio .hero-meta{font-size:10px}.studio .studio-hero .hero-art{height:300px;border-radius:20px}.studio .paper-card{width:177px;padding:17px}.studio .paper-card-back{left:calc(50% - 141px);top:23px}.studio .paper-card-front{right:calc(50% - 145px);top:52px}.studio .art-seal{left:18px;bottom:18px}.studio.page-home .cards{grid-template-columns:1fr;gap:16px}.studio.page-home .cards>.tile{min-height:0;padding:24px;grid-template-columns:44px 1fr;gap:0 18px;display:grid}.studio.page-home .cards>.tile:not(:first-child){border-left:0!important;border-bottom:1px solid var(--line)!important;padding:22px 0}.studio.page-home .cards>.tile .icon{grid-row:1/4;margin:0}.studio.page-home .cards>.tile b{font-size:21px}.studio.page-home .cards>.tile p{font-size:14px}.studio.page-home .theme-grid{gap:14px}.studio .library-game{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto;padding:24px;gap:0}.studio .library-game>h3{min-height:0;font-size:25px;margin-bottom:14px}.studio .library-game .card-description{margin-bottom:20px}.studio .library-game>.text-link{grid-column:1;grid-row:5;margin-bottom:10px}.studio .library-game>button{grid-column:1;grid-row:6;justify-self:start;font-size:12px;padding:10px 16px}.studio .library-game .card-quick b{font-size:13px;min-width:96px}.studio .library-game .card-extra{font-size:12px}.studio .library-game .card-materials{margin-bottom:10px}.studio .library-section>h2{font-size:28px}.studio .library-section{margin-top:36px;padding-top:28px}.studio .editor .actions #download{width:auto;justify-self:start;align-self:flex-start}.studio .editor>label[for=play],.studio .editor>label[for=count]{padding-top:18px;margin-top:20px}}
@media(max-width:380px){.studio header>.brand{width:auto;height:auto;overflow:visible}.studio header .brand-logo{width:116px!important;max-width:100%;height:auto!important;margin:0}.studio .studio-hero .actions{gap:8px}.studio .studio-hero .actions>.btn{font-size:10px;padding:11px 8px}.studio .paper-card{width:162px}.studio .paper-card-back{left:calc(50% - 128px)}.studio .paper-card-front{right:calc(50% - 133px)}.studio .studio-hero .hero-art{height:280px}.studio .paper-title{font-size:27px}}
}
@media screen and (min-width:681px){.studio .library-game>h3{min-height:1.2em}}
/* Long translated section labels get their own line on phones. */
@media screen and (max-width:680px){.studio.page-home .home-section-title{display:block;margin-bottom:24px}.studio.page-home .home-section-title h2{font-size:26px;max-width:none}.studio.page-home .home-section-title .text-link{display:inline-flex;align-items:center;max-width:none;white-space:nowrap;margin-top:12px;font-size:12px}}