/* Front page only. Brand palette and existing Playfair/Jakarta fonts. */
body.jd-studio-home { --studio-rose:#ce8282; --studio-clay:#a86842; --studio-cream:#fbf6f0; --studio-line:rgba(168,104,66,.22); background:var(--studio-cream)!important; }
.jd-studio-home .jd-home, .jd-studio-home .jd-home * { box-sizing:border-box; }
.jd-studio-home main.jd-home { padding:0!important; margin:0!important; max-width:none; color:var(--studio-clay); font-size:16px; line-height:1.75; }
.jd-home :is(h1,h2,h3,p,figure,ul,ol) { margin:0; }
.jd-home :is(h1,h2,h3) { color:inherit; font-family:"Playfair Display",serif; font-weight:600; text-wrap:balance; }
.jd-home h1 { font-size:clamp(2.65rem,4.7vw,4.65rem); line-height:1.09; letter-spacing:-.045em; }
.jd-home h2 { font-size:clamp(2rem,3.2vw,3.25rem); line-height:1.16; letter-spacing:-.035em; }
.jd-home h3 { font-size:1.6rem; line-height:1.25; letter-spacing:-.02em; }
.jd-home p { max-width:62ch; }
.jd-home a { color:inherit; }
.jd-home img { display:block; max-width:100%; height:auto; }
.jd-home .jd-shell { width:min(1180px,calc(100% - 80px)); margin-inline:auto; }
.jd-home .jd-section { padding-block:clamp(64px,7vw,104px); scroll-margin-top:120px; }
.jd-home .jd-eyebrow { font:600 .73rem/1.5 var(--wp--preset--font-family--plus-jakarta),sans-serif; text-transform:uppercase; letter-spacing:.17em; margin-bottom:18px; }
.jd-home .jd-section-head { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:40px; }
.jd-home .jd-section-head h2 { max-width:660px; }
.jd-home .jd-section-head>p { max-width:340px; font-size:.95rem; }
.jd-home .jd-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-top:30px; }
.jd-home .jd-cta { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:50px; padding:13px 24px; border:1px solid var(--studio-clay); border-radius:8px; background:var(--studio-clay); color:var(--studio-cream); font-size:.875rem; font-weight:700; line-height:1.5; text-decoration:none; transition:background .2s,box-shadow .2s; }
.jd-home .jd-cta:hover { background:var(--studio-rose); color:var(--studio-cream); border-color:var(--studio-rose); box-shadow:0 6px 18px #a8684218; }
.jd-home .jd-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:.875rem; font-weight:700; text-underline-offset:6px; }
.jd-home a:focus-visible, .jd-home summary:focus-visible { outline:3px solid var(--studio-clay); outline-offset:5px; }
.jd-home .jd-hero { padding:clamp(140px,12vw,176px) 0 64px; }
.jd-home .jd-hero-grid { display:grid; grid-template-columns:1.06fr 1fr; align-items:center; gap:64px; }
.jd-home .jd-hero h1 em { font-weight:600; color:var(--studio-rose); }
.jd-home .jd-hero-copy>p:not(.jd-eyebrow) { margin-top:24px; max-width:47ch; font-size:1.05rem; }
.jd-home .jd-hero-note { font-size:.75rem!important; margin-top:20px!important; }
.jd-home .jd-hero-art { position:relative; padding:24px 0 32px 20px; }
.jd-home .jd-hero-art::before { content:""; position:absolute; inset:0 24px 0 0; background:#ce828221; border-radius:46% 46% 14px 14px; }
.jd-home .jd-hero-art img { position:relative; width:100%; aspect-ratio:1.1; object-fit:contain; border-radius:12px; }
.jd-home .jd-art-note { position:relative; display:flex; justify-content:space-between; gap:16px; padding:18px 20px; margin:0 12px; border:1px solid var(--studio-line); background:var(--studio-cream); border-radius:8px; font-size:.72rem; letter-spacing:.04em; }
.jd-home .jd-intro-strip { border-block:1px solid var(--studio-line); padding:24px 0; }
.jd-home .jd-intro-strip .jd-shell { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; font-size:.8rem; }
.jd-home .jd-intro-strip span { text-transform:uppercase; letter-spacing:.11em; font-weight:600; }
.jd-home .jd-services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.jd-home .jd-service { display:flex; flex-direction:column; align-items:start; padding:32px; border:1px solid var(--studio-line); border-radius:12px; background:#ffffff52; }
.jd-home .jd-service-number { font-size:.75rem; letter-spacing:.13em; margin-bottom:40px; }
.jd-home .jd-service h3 { margin-bottom:16px; }
.jd-home .jd-service p { font-size:.93rem; }
.jd-home .jd-service ul { padding-left:18px; margin:20px 0 28px; font-size:.82rem; }
.jd-home .jd-service li+li { margin-top:7px; }
.jd-home .jd-service-bottom { margin-top:auto; padding-top:22px; border-top:1px solid var(--studio-line); width:100%; }
.jd-home .jd-service-bottom strong { display:block; font-size:.8rem; margin-bottom:8px; }
.jd-home .jd-secondary-services { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; margin-top:24px; font-size:.85rem; }
.jd-home .jd-secondary-services a { text-underline-offset:5px; }
.jd-home .jd-work { background:#ce828214; border-block:1px solid var(--studio-line); }
.jd-home .jd-work-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.jd-home .jd-project { display:block; text-decoration:none; }
.jd-home .jd-project-frame { overflow:hidden; border:1px solid var(--studio-line); border-radius:12px; background:var(--studio-cream); }
.jd-home .jd-project img { width:100%; aspect-ratio:1.5; object-fit:cover; object-position:top; transition:transform .35s; }
.jd-home .jd-project:hover img { transform:scale(1.025); }
.jd-home .jd-project-caption { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; }
.jd-home .jd-project-caption h3 { font-size:1.5rem; }
.jd-home .jd-project-caption p { font-size:.8rem; margin-top:4px; }
.jd-home .jd-about-grid { display:grid; grid-template-columns:.9fr 1fr; align-items:center; gap:80px; }
.jd-home .jd-about-photo img { width:100%; aspect-ratio:4/4.6; object-fit:cover; border-radius:120px 12px 12px 12px; }
.jd-home .jd-about-copy>p:not(.jd-eyebrow) { margin-top:22px; }
.jd-home .jd-signature { display:block; font-family:"Playfair Display",serif; font-size:1.6rem; margin-top:24px; }
.jd-home .jd-process { border-block:1px solid var(--studio-line); }
.jd-home .jd-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.jd-home .jd-process-grid article { border-top:1px solid var(--studio-clay); padding-top:24px; }
.jd-home .jd-process-grid h3 { margin:16px 0 14px; font-size:1.45rem; }
.jd-home .jd-process-grid p { font-size:.9rem; }
.jd-home .jd-testimonials-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.jd-home .jd-quote { display:flex; flex-direction:column; padding:30px; background:#ffffff59; border:1px solid var(--studio-line); border-radius:12px; }
.jd-home .jd-quote blockquote { margin:0 0 28px; font-size:.92rem; line-height:1.85; }
.jd-home .jd-quote figcaption { margin-top:auto; font-size:.78rem; }
.jd-home .jd-quote figcaption strong { display:block; }
.jd-home .jd-workshop { padding:32px; border-radius:12px; background:#ce828221; display:flex; gap:32px; justify-content:space-between; align-items:center; margin-top:56px; }
.jd-home .jd-workshop h3 { font-size:1.6rem; }
.jd-home .jd-workshop p { font-size:.9rem; margin-top:12px; }
.jd-home .jd-workshop .jd-cta { flex-shrink:0; }
.jd-home .jd-faq { border-top:1px solid var(--studio-line); }
.jd-home .jd-faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }
.jd-home .jd-faq-intro>p:last-child { margin-top:24px; }
.jd-home details { border-bottom:1px solid var(--studio-line); }
.jd-home details:first-child { border-top:1px solid var(--studio-line); }
.jd-home summary { padding:22px 34px 22px 0; cursor:pointer; font-size:.93rem; font-weight:600; position:relative; list-style:none; }
.jd-home summary::-webkit-details-marker { display:none; }
.jd-home summary::after { content:"+"; position:absolute; right:4px; font-size:1.3rem; top:16px; }
.jd-home details[open] summary::after { content:"−"; }
.jd-home details p { padding:0 24px 24px 0; font-size:.9rem; }
/* Keep the existing WordPress navigation and footer consistent with the new scale. */
.jd-studio-home .site-header { width:min(1280px,calc(100% - 48px))!important; top:16px!important; border-radius:12px!important; background:#fbf6f0f2!important; box-shadow:0 4px 24px #a868420c!important; border:1px solid var(--studio-line); }
.jd-studio-home .site-header .wp-block-group.alignwide { padding:14px 24px!important; }
.jd-studio-home .site-header .jd-brand-logo { max-height:52px!important; width:auto!important; }
.jd-studio-home .site-header .wp-block-button__link { padding:12px 20px!important; font-size:13px!important; border-radius:8px!important; background:var(--studio-clay)!important; color:var(--studio-cream)!important; }
.jd-studio-home .site-header .wp-block-navigation { font-size:13px; }
.jd-studio-home .site-footer { margin-top:0!important; }
.jd-studio-home .site-footer>.wp-block-group { padding-block:64px 28px!important; }
.jd-studio-home .site-footer h2 { font-size:clamp(2rem,3.5vw,3.25rem)!important; line-height:1.15!important; }
.jd-studio-home .site-footer h3 { font-size:1.2rem!important; }
.jd-studio-home .site-footer p { font-size:.85rem!important; overflow-wrap:anywhere; }
.jd-studio-home .site-footer .lemmony-animation { opacity:1!important; transform:none!important; animation:none!important; }
.jd-studio-home .site-footer .wp-block-button__link { min-height:48px; border-radius:8px!important; background:var(--studio-cream)!important; color:var(--studio-clay)!important; }
@media(min-width:782px) and (max-width:1100px) { .jd-studio-home .site-header .wp-block-social-links { display:none; } .jd-studio-home .site-header .wp-block-navigation__container { gap:18px!important; } }
@media(max-width:900px) {
 .jd-home .jd-shell { width:calc(100% - 48px); }
 .jd-home .jd-hero-grid { gap:32px; }
 .jd-home .jd-service { padding:24px; }
 .jd-home .jd-about-grid,.jd-home .jd-faq-grid { gap:40px; }
 .jd-home .jd-testimonials-grid { grid-template-columns:1fr; }
 .jd-home .jd-quote { padding:28px; }
}
@media(max-width:700px) {
 .jd-home .jd-shell { width:calc(100% - 40px); }
 .jd-home .jd-hero { padding-top:128px; padding-bottom:40px; }
 .jd-home .jd-hero-grid,.jd-home .jd-services-grid,.jd-home .jd-work-grid,.jd-home .jd-about-grid,.jd-home .jd-process-grid,.jd-home .jd-faq-grid { grid-template-columns:1fr; }
 .jd-home .jd-hero-grid { gap:32px; }
 .jd-home .jd-hero-copy>p:not(.jd-eyebrow) { font-size:1rem; }
 .jd-home .jd-hero-art { max-width:460px; width:100%; margin-inline:auto; padding-left:12px; }
 .jd-home .jd-hero-art img { aspect-ratio:1.3; }
 .jd-home .jd-art-note { font-size:.65rem; margin:0; padding:14px; }
 .jd-home .jd-section-head { display:block; margin-bottom:28px; }
 .jd-home .jd-section-head>p { margin-top:20px; }
 .jd-home .jd-service-number { margin-bottom:24px; }
 .jd-home .jd-service { padding:28px; }
 .jd-home .jd-process-grid { gap:28px; }
 .jd-home .jd-about-grid { gap:32px; }
 .jd-home .jd-about-photo img { aspect-ratio:1.1; border-top-left-radius:80px; }
 .jd-home .jd-workshop { flex-direction:column; align-items:start; padding:28px; gap:24px; }
 .jd-studio-home .site-header { width:calc(100% - 24px)!important; top:12px!important; }
 .jd-studio-home .site-header .wp-block-group.alignwide { padding:12px 16px!important; }
 .jd-studio-home .site-header .jd-brand-logo { max-height:42px!important; }
 .jd-studio-home .site-header .wp-block-navigation__responsive-container.is-menu-open { height:auto!important; max-height:calc(100dvh - 110px)!important; overflow-y:auto!important; }
 .jd-studio-home .site-footer .wp-block-columns { gap:32px!important; }
 .jd-studio-home .site-footer .wp-block-column { text-align:left!important; }
 .jd-studio-home .site-footer .wp-block-social-links { justify-content:flex-start; }
}
/* Explicit branding sizes and a predictable header at every breakpoint. */
.jd-studio-home .site-header { box-sizing:border-box; left:0!important; right:0!important; }
.jd-studio-home .site-header>.wp-block-group { padding:0!important; }
.jd-studio-home .site-header .wp-block-group.alignwide { max-width:none!important; width:100%; box-sizing:border-box; padding:14px 24px!important; gap:24px; flex-wrap:nowrap!important; }
.jd-studio-home .site-header .lemmony-mobile-width-full { flex:1; min-width:0; flex-wrap:nowrap!important; gap:28px!important; padding:0!important; }
.jd-studio-home .site-header figure.wp-block-image { flex:0 0 auto; margin:0!important; line-height:0; }
.jd-studio-home .site-header .jd-brand-logo { display:block; width:184px!important; height:auto!important; max-height:none!important; aspect-ratio:298/104; }
.jd-studio-home .site-header .wp-block-navigation { margin:0!important; }
.jd-studio-home .site-header .wp-block-navigation__container { gap:24px!important; }
.jd-studio-home .site-header .lemmony-mobile-hidden { flex-shrink:0; padding:0!important; gap:20px!important; }
.jd-studio-home .site-footer .jd-brand-logo { display:block; width:220px!important; max-width:100%!important; height:auto!important; max-height:none!important; aspect-ratio:298/104; }
.jd-home :is(.jd-hero-copy,.jd-service,.jd-about-copy,.jd-faq-intro,.jd-project-caption>div) { min-width:0; }
.jd-home .jd-hero { padding-top:160px; }
.jd-home .jd-section { scroll-margin-top:128px; }
@media(min-width:701px) and (max-width:1000px) {
 .jd-home .jd-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .jd-home .jd-service:last-child { grid-column:1/-1; }
 .jd-home .jd-section-head { align-items:start; }
 .jd-home .jd-section-head>div { flex:1.4; }
 .jd-home .jd-section-head>p { flex:1; }
 .jd-home .jd-hero-grid { gap:32px; }
 .jd-home .jd-hero-art { padding-left:0; }
 .jd-home .jd-art-note { flex-direction:column; gap:4px; margin-inline:0; }
 .jd-home .jd-about-grid,.jd-home .jd-faq-grid { gap:32px; }
 .jd-home .jd-workshop { flex-direction:column; align-items:start; }
}
@media(max-width:1100px) {
 .jd-studio-home .site-header .wp-block-social-links { display:none; }
 .jd-studio-home .site-header .wp-block-group.alignwide { gap:20px!important; }
 .jd-studio-home .site-header .lemmony-mobile-width-full { gap:20px!important; }
 .jd-studio-home .site-header .wp-block-navigation__container { gap:18px!important; }
}
@media(max-width:960px) {
 .jd-studio-home .site-header .wp-block-navigation__responsive-container:not(.is-menu-open) { display:none!important; }
 .jd-studio-home .site-header .wp-block-navigation__responsive-container-open { display:flex!important; align-items:center; justify-content:center; width:44px; height:44px; }
 .jd-studio-home .site-header .lemmony-mobile-hidden { display:none!important; }
 .jd-studio-home .site-header .lemmony-mobile-width-full { width:100%!important; justify-content:space-between!important; }
 .jd-studio-home .site-header .wp-block-navigation__responsive-container.is-menu-open { top:calc(100% + 12px)!important; left:0!important; right:0!important; bottom:auto!important; width:auto!important; height:min(520px,calc(100dvh - 136px))!important; max-height:calc(100dvh - 136px)!important; border-radius:12px!important; overflow-y:auto!important; background:var(--studio-cream)!important; }
 .jd-studio-home .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding:64px 24px 24px; }
 .jd-studio-home .site-header .wp-block-navigation__responsive-container-close { min-width:44px; min-height:44px; }
}
@media(max-width:700px) {
 .jd-studio-home .site-header .wp-block-group.alignwide { padding:12px 16px!important; }
 .jd-studio-home .site-header .jd-brand-logo { width:156px!important; }
 .jd-home .jd-hero { padding-top:140px; }
 .jd-home h1 { font-size:clamp(2.2rem,9.4vw,3rem); }
 .jd-home .jd-hero .jd-actions { align-items:stretch; }
 .jd-home .jd-hero .jd-cta { width:100%; padding-inline:16px; }
 .jd-home .jd-section { scroll-margin-top:112px; }
 .jd-home .jd-intro-strip .jd-shell { align-items:start; gap:12px 18px; }
 .jd-home .jd-intro-strip p { flex-basis:100%; }
 .jd-home .jd-intro-strip span { font-size:.7rem; }
 .jd-home .jd-project-caption h3 { font-size:1.35rem; }
 .jd-home .jd-art-note { flex-wrap:wrap; }
 .jd-studio-home .site-footer .jd-brand-logo { width:200px!important; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } .jd-home *, .jd-home *::before, .jd-home *::after { transition:none!important; animation:none!important; } }
/* Real client work: preserve each logo's colors and full proportions. */
.jd-home .jd-identities { border-bottom:1px solid var(--studio-line); }
.jd-home .jd-logo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.jd-home .jd-logo-card { min-width:0; border:1px solid var(--studio-line); border-radius:12px; overflow:hidden; background:#fff; }
.jd-home .jd-logo-art { aspect-ratio:1.4; display:flex; align-items:center; justify-content:center; padding:32px; }
.jd-home .jd-logo-art img { width:100%; height:100%; max-width:260px; max-height:170px; object-fit:contain; }
.jd-home .jd-logo-card figcaption { padding:20px 24px; border-top:1px solid var(--studio-line); background:var(--studio-cream); }
.jd-home .jd-logo-card h3 { font-size:1.25rem; }
.jd-home .jd-logo-card figcaption p { font-size:.75rem; margin-top:4px; }
.jd-home .jd-creative-work { margin-top:64px; display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:64px; padding:40px; border:1px solid var(--studio-line); border-radius:12px; background:#ce828214; }
.jd-home .jd-creative-work figure { min-width:0; }
.jd-home .jd-creative-work img { width:100%; max-height:420px; aspect-ratio:1; object-fit:contain; }
.jd-home .jd-creative-work h3 { font-size:clamp(1.8rem,3vw,2.5rem); }
.jd-home .jd-creative-work div>p:not(.jd-eyebrow) { margin-top:20px; }
.jd-home .jd-creative-work .jd-link { margin-top:20px; }
@media(max-width:1000px) { .jd-home .jd-logo-grid { gap:18px; } .jd-home .jd-logo-art { padding:24px; } .jd-home .jd-creative-work { gap:32px; padding:28px; } }
@media(max-width:700px) { .jd-home .jd-creative-work { grid-template-columns:1fr; padding:24px; gap:28px; margin-top:40px; } .jd-home .jd-creative-work img { max-height:300px; } }
@media(max-width:600px) { .jd-home .jd-logo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .jd-home .jd-logo-art { aspect-ratio:1.1; padding:18px; } .jd-home .jd-logo-card figcaption { padding:14px; } .jd-home .jd-logo-card h3 { font-size:1rem; } }
@media(max-width:360px) { .jd-home .jd-logo-grid { grid-template-columns:1fr; } .jd-home .jd-logo-art { aspect-ratio:1.5; } }
/* Shared dropdowns use native WordPress keyboard and touch controls. */
.jd-studio-home .site-header .wp-block-navigation__submenu-container { min-width:230px!important; border:1px solid var(--studio-line)!important; border-radius:10px; background:var(--studio-cream)!important; color:var(--studio-clay)!important; padding:8px!important; box-shadow:0 12px 28px #a8684218; }
.jd-studio-home .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { display:block; padding:10px 12px!important; font-family:inherit; font-size:.85rem!important; line-height:1.5; border-radius:6px; }
.jd-studio-home .site-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background:#ce82821f; }
.jd-studio-home .site-header .wp-block-navigation-submenu__toggle { min-width:24px; min-height:32px; }
@media(max-width:960px) {
 .jd-studio-home .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu { align-items:stretch!important; }
 .jd-studio-home .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { min-width:0!important; width:100%!important; box-sizing:border-box; box-shadow:none; padding:4px 12px!important; margin-block:4px 12px; }
 .jd-studio-home .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding:10px 8px!important; font-size:.9rem!important; }
}
.jd-home .jd-seo-related { max-width:780px; margin-top:32px; padding-top:24px; border-top:1px solid var(--studio-line); font-size:.9rem; }
.jd-home .jd-seo-related a { text-underline-offset:5px; }
/* Academy: a learning path alongside the studio's services. */
.jd-home .jd-academy-panel { display:grid; grid-template-columns:1.15fr .85fr; gap:48px; padding:48px; border:1px solid var(--studio-line); border-radius:16px; background:#ce82821c; }
.jd-home .jd-academy-copy { align-self:center; min-width:0; }
.jd-home .jd-academy-copy h2 em { color:var(--studio-rose); font-weight:600; }
.jd-home .jd-academy-copy>p:not(.jd-eyebrow) { margin-top:24px; font-size:.95rem; }
.jd-home .jd-academy-topics { list-style:none; display:flex; flex-wrap:wrap; gap:10px; padding:0; margin-top:24px; }
.jd-home .jd-academy-topics li { font-size:.7rem; padding:7px 12px; border:1px solid var(--studio-line); border-radius:30px; }
.jd-home .jd-academy-test { min-width:0; display:flex; flex-direction:column; justify-content:space-between; gap:36px; padding:32px; border:1px solid var(--studio-line); border-radius:12px; background:var(--studio-cream); }
.jd-home .jd-academy-wordmark { display:block; font-family:"Playfair Display",serif; font-size:1.3rem; line-height:1.3; }
.jd-home .jd-academy-wordmark>span { display:block; font-family:var(--wp--preset--font-family--plus-jakarta),sans-serif; font-size:.6rem; letter-spacing:.3em; margin-top:8px; }
.jd-home .jd-academy-test h3 { font-size:clamp(1.5rem,2.3vw,2rem); }
.jd-home .jd-academy-test div>p:not(.jd-eyebrow) { font-size:.85rem; margin-top:18px; }
.jd-home .jd-academy-test .jd-link { margin-top:20px; }
@media(min-width:961px) and (max-width:1200px) { .jd-studio-home .site-header .wp-block-navigation__container { gap:12px!important; } .jd-studio-home .site-header .lemmony-mobile-width-full { gap:16px!important; } }
@media(max-width:1000px) { .jd-home .jd-academy-panel { padding:32px; gap:28px; } .jd-home .jd-academy-test { padding:24px; } }
@media(max-width:700px) { .jd-home .jd-academy-panel { grid-template-columns:1fr; padding:24px; gap:32px; } .jd-home .jd-academy-test { gap:28px; } .jd-home .jd-academy-copy .jd-cta { width:100%; padding-inline:16px; } }