/* Edition 07 – public-site refinements only. Does not style the exam engine. */
  body.page-home, body.page-category{font-size:16px}
  .page-home .wrap,.page-category .wrap {width:calc(100% - clamp(36px,6vw,132px));max-width:1600px;margin-inline:auto}
  .page-home .site-header,.page-category .site-header{background:#f7f4ec}
  .page-home .header-inner,.page-category .header-inner{min-height:104px}
  .page-home .atelier-brand,.page-category .atelier-brand{gap:16px}
  .page-home .atelier-brand-image,.page-category .atelier-brand-image{height:78px;width:78px;flex-basis:78px}
  .page-home .atelier-brandcopy strong,.page-category .atelier-brandcopy strong{font-size:19px;letter-spacing:-.75px}
  .page-home .atelier-brandcopy small,.page-category .atelier-brandcopy small{font-size:10px;letter-spacing:1.2px}
  .page-home .atelier-nav>a,.page-category .atelier-nav>a{font-size:14px!important}
  .page-home .atelier-nav>.atelier-nav-cta,.page-category .atelier-nav>.atelier-nav-cta{padding:14px 20px!important}
  .page-home .atelier-kicker,.page-category .atelier-kicker{font-size:12px;letter-spacing:1.7px}

  /* A short, generic SEO introduction. The category directory is the attraction. */
  .page-home .atelier-hero-compact-grid{padding:43px 0 48px;grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);gap:46px}
  .page-home .atelier-hero-compact h1{font-size:clamp(42px,3.5vw,66px);line-height:1.04;letter-spacing:-2.7px;max-width:1050px}
  .page-home .atelier-hero-compact .atelier-lead{font-size:17px;line-height:1.63;max-width:720px}
  .page-home .atelier-hero-visual{min-height:225px}
  .page-home .atelier-hero-visual img{width:min(100%,235px)}
  .page-home .atelier-categories{padding:50px 0 95px}
  .page-home .atelier-section-intro h2{font-size:clamp(38px,3.15vw,55px);line-height:1.12}
  .page-home .atelier-section-intro>p{font-size:16px;line-height:1.7;max-width:530px}
  .page-home .atelier-category-row{grid-template-columns:54px 120px minmax(0,1fr) 190px 54px;gap:21px;min-height:141px;padding:19px 27px 19px 18px}
  .page-home .atelier-category-row.is-featured{min-height:155px}
  .page-home .atelier-category-id{font-size:clamp(69px,5.9vw,99px);letter-spacing:-4.5px}
  .page-home .atelier-category-name h3{font-size:clamp(25px,2.4vw,37px)!important;letter-spacing:-1.4px!important;line-height:1.13!important}
  .page-home .atelier-category-name small{font-size:15px;line-height:1.4}
  .page-home .atelier-category-row .atelier-category-spec{font-size:12px}
  .page-home .atelier-category-row .atelier-category-spec strong{font-size:19px}
  .page-home .atelier-category-row .atelier-category-open{height:48px;width:48px}
  .page-home .atelier-category-nr{font-size:13px}
  .page-home .atelier-categories-note{font-size:13px}

  /* Category: one commanding headline, useful test details, no narrow faux dashboard. */
  .page-category .atelier-crumb{font-size:14px;padding-top:22px;padding-bottom:22px}
  .page-category .atelier-cat-hero-v7{overflow:hidden;background:#101a1c;color:#f5f1e8}
  .page-category .atelier-cat-hero-v7:before{background:radial-gradient(ellipse at 77% 40%,#273a37 0,transparent 50%), repeating-linear-gradient(90deg,transparent 0 210px,#ffffff07 211px 212px)}
  .page-category .atelier-cat-hero-v7-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.55fr);align-items:center;gap:6vw;padding-top:80px;padding-bottom:67px}
  .page-category .atelier-cat-hero-v7 .atelier-cat-copy{max-width:1040px;min-width:0}
  .page-category .atelier-cat-hero-v7 .atelier-cat-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(50px,5.15vw,91px);line-height:1.075;letter-spacing:-4px;font-weight:900;margin:26px 0 24px;text-wrap:balance}
  .page-category .atelier-cat-hero-v7 .atelier-cat-title-second{display:block;color:#dfc08a;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-3px}
  .page-category .atelier-cat-hero-v7 .atelier-cat-year{font-size:.32em;font-style:normal;letter-spacing:0;color:#f0eee6;vertical-align:middle;font-weight:700}
  .page-category .atelier-cat-hero-v7 .atelier-cat-intro{font-size:clamp(17px,1.25vw,21px);line-height:1.7;max-width:770px;margin:0 0 30px;color:#c6d0cb}
  .page-category .atelier-cat-hero-v7 .atelier-cat-actions{gap:28px}
  .page-category .atelier-cat-hero-v7 .atelier-cat-disclaimer{font-size:13px;margin:26px 0 0;color:#a9b5ab}
  .page-category .atelier-cat-hero-v7 .atelier-cat-showcase{aspect-ratio:1;max-width:445px;width:100%;display:grid;place-items:center;position:relative;isolation:isolate;margin-inline:auto;background:radial-gradient(circle,#1e3230 0,#192726 48%,#152022 72%);border:1px solid #a89a7266;box-shadow:0 0 0 17px #dfc1820b,0 0 0 18px #dfc18221,0 20px 90px #0008}
  .page-category .atelier-cat-showcase:after{content:'';position:absolute;inset:25px;border:1px dashed #e0c28d55;border-radius:50%;z-index:-1}
  .page-category .atelier-cat-showcase-ring{position:absolute;inset:48px;border:1px solid #e0c28d78;border-radius:50%;z-index:-1;box-shadow:0 0 0 10px #f4dc9c0b}
  .page-category .atelier-cat-showcase-letter{font-size:clamp(170px,18vw,285px);letter-spacing:-.09em;font-weight:900;line-height:.92;color:#e3c58d;transform:translateX(-.055em);text-shadow:0 13px 30px #0008}
  .page-category .atelier-cat-showcase-label{position:absolute;top:26px;left:29px;color:#e5d1a7;letter-spacing:2px;font-size:11px;font-weight:800}
  .page-category .atelier-cat-showcase-bottom{position:absolute;bottom:24px;left:29px;right:29px;display:flex;justify-content:space-between;border-top:1px solid #ddc0883b;padding-top:15px;font-size:11px;letter-spacing:1.5px;color:#cfbb90}
  .page-category .atelier-cat-showcase-bottom span{font-size:23px;line-height:1}
  .page-category .atelier-cat-statbar{position:relative;display:grid;grid-template-columns:1fr 1fr 1.2fr 1.05fr;gap:0;border-top:1px solid #d7c28e4d;border-bottom:1px solid #d7c28e4d;margin-bottom:55px}
  .page-category .atelier-cat-stat{padding:26px 24px;border-right:1px solid #d7c28e40;display:flex;flex-direction:column;gap:8px}
  .page-category .atelier-cat-stat:first-child{padding-left:0}
  .page-category .atelier-cat-stat>span{color:#d4bc8d;font-weight:700;letter-spacing:1.3px;font-size:12px;text-transform:uppercase}
  .page-category .atelier-cat-stat strong{font-size:clamp(41px,4vw,68px);line-height:1;font-weight:800;letter-spacing:-2px;color:#f7f3e8}
  .page-category .atelier-cat-stat strong i{font-size:.33em;font-weight:500;font-style:normal;letter-spacing:0;color:#d5c8a4}
  .page-category .atelier-cat-stat small{color:#a9b9b4;font-size:14px}
  .page-category .atelier-cat-stat-link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#1b2524!important;text-decoration:none!important;background:#dbbe83;padding:25px 29px;font-weight:900;font-size:clamp(18px,2vw,28px);line-height:1.15;transition:background .2s}
  .page-category .atelier-cat-stat-link span{font-size:40px;font-weight:400}
  .page-category .atelier-cat-stat-link:hover{background:#f0d394}

  /* Editorial explanation instead of microtext and floating filler. */
  .page-category .atelier-cat-below-v7{padding:90px 0 104px}
  .page-category .atelier-guide-head{max-width:1100px;margin:0 0 45px}
  .page-category .atelier-guide-head h2{font-size:clamp(43px,4vw,75px);line-height:1.1;margin:22px 0;letter-spacing:-3px}
  .page-category .atelier-guide-head h2 em{color:#967d55}
  .page-category .atelier-guide-head>p:last-child{font-size:19px;line-height:1.7;max-width:940px;color:#58645d;margin:0}
  .page-category .atelier-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #aaa392;border-bottom:1px solid #aaa392}
  .page-category .atelier-guide-steps article{padding:32px 36px 30px 0;min-height:230px;border-right:1px solid #d6d1c4;margin-right:30px}
  .page-category .atelier-guide-steps article:last-child{border:0;margin:0}
  .page-category .atelier-step-nr{font-family:Georgia,serif;font-size:44px;color:#927c59;line-height:1}
  .page-category .atelier-guide-steps h3{font-size:26px;font-weight:800;letter-spacing:-1px;margin:18px 0 10px;color:#162225}
  .page-category .atelier-guide-steps p{font-size:16px;line-height:1.75;color:#5d675f;margin:0}
  .page-category .atelier-guide-details{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin:52px 0 0}
  .page-category .atelier-guide-details h3{font-size:25px;line-height:1.25;letter-spacing:-.5px;margin:0 0 17px;color:#172426}
  .page-category .atelier-guide-details p{font-size:17px;line-height:1.85;margin:0 0 15px;color:#52615a}
  .page-category .atelier-cat-related-v7{padding:92px 0 110px}
  .page-category .atelier-cat-related-v7 .atelier-related-head h2{font-size:clamp(42px,4vw,70px);line-height:1.1}
  .page-category .atelier-cat-related-v7 .atelier-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#c8c0b0}
  .page-category .atelier-cat-related-v7 .atelier-related-list>a{min-height:110px;padding:18px 25px;grid-template-columns:65px minmax(0,1fr) 36px;gap:20px}
  .page-category .atelier-cat-related-v7 .atelier-related-list strong{font-size:52px;line-height:1}
  .page-category .atelier-cat-related-v7 .atelier-related-list span:nth-child(2){display:grid;gap:3px;font-size:15px;color:#172421;line-height:1.4}
  .page-category .atelier-cat-related-v7 .atelier-related-list span:nth-child(2) b{font-size:20px;line-height:1.25}
  .page-category .atelier-cat-related-v7 .atelier-related-list span:nth-child(2) small{font-size:14px;color:#656e65}
  .page-category .atelier-cat-faq-v7{padding:95px 0 125px}
  .page-category .atelier-cat-faq-v7 .atelier-faq-list{gap:38px}
  .page-category .atelier-cat-faq-v7 h2{font-size:clamp(38px,3.75vw,65px)}
  .page-category .atelier-cat-faq-v7 h3{font-size:22px;line-height:1.35}
  .page-category .atelier-cat-faq-v7 p{font-size:17px;line-height:1.75}
  @media(min-width:2100px){
    .page-home .wrap,.page-category .wrap{max-width:2460px}
    .page-home .atelier-category-row{min-height:178px}
    .page-home .atelier-category-id{font-size:120px}
    .page-home .atelier-category-name h3{font-size:48px!important}
    .page-home .atelier-category-name small{font-size:19px}
    .page-home .atelier-hero-compact h1{font-size:clamp(66px,3.3vw,102px)}
    .page-home .atelier-brand-image,.page-category .atelier-brand-image{width:118px;height:118px;flex-basis:118px}
    .page-home .atelier-brandcopy strong,.page-category .atelier-brandcopy strong{font-size:30px}
    .page-home .atelier-brandcopy small,.page-category .atelier-brandcopy small{font-size:15px}
    .page-home .atelier-nav>a,.page-category .atelier-nav>a{font-size:22px!important}
    .page-home .header-inner,.page-category .header-inner{min-height:140px}
    .page-category .atelier-cat-hero-v7 .atelier-cat-copy h1{font-size:clamp(98px,4.4vw,140px)}
    .page-category .atelier-cat-hero-v7 .atelier-cat-showcase{max-width:590px}
    .page-category .atelier-cat-showcase-letter{font-size:340px}
    .page-category .atelier-cat-showcase-label{font-size:15px}
    .page-category .atelier-cat-hero-v7 .atelier-cat-intro{font-size:27px}
    .page-category .atelier-cat-hero-v7-main{padding-top:110px;padding-bottom:90px}
    .page-category .atelier-cat-stat>span{font-size:18px}
    .page-category .atelier-cat-stat strong{font-size:90px}
    .page-category .atelier-cat-stat small{font-size:20px}
    .page-category .atelier-guide-head h2{font-size:99px}
    .page-category .atelier-guide-head>p:last-child{font-size:26px}
    .page-category .atelier-guide-steps h3{font-size:37px}
    .page-category .atelier-guide-steps p,.page-category .atelier-guide-details p{font-size:23px}
    .page-category .atelier-related-list span:nth-child(2) b{font-size:30px!important}
    .page-category .atelier-cat-faq-v7 p{font-size:22px}
  }
  @media(max-width:1050px){
    .page-home .atelier-category-row{grid-template-columns:40px 93px minmax(0,1fr) 140px 46px;gap:13px}
    .page-home .atelier-category-id{font-size:74px}
    .page-home .atelier-category-name h3{font-size:25px!important}
    .page-home .atelier-category-name small{font-size:13px}
    .page-category .atelier-cat-hero-v7-main{grid-template-columns:minmax(0,1fr) minmax(220px,.52fr);gap:28px}
    .page-category .atelier-cat-hero-v7 .atelier-cat-copy h1{font-size:clamp(49px,5vw,66px)}
    .page-category .atelier-cat-showcase-letter{font-size:150px}
  }
  @media(max-width:760px){
    .page-home .wrap,.page-category .wrap{width:calc(100% - 36px)}
    .page-home .header-inner,.page-category .header-inner{min-height:76px}
    .page-home .atelier-brand-image,.page-category .atelier-brand-image{height:60px;width:60px;flex-basis:60px}
    .page-home .atelier-brandcopy strong,.page-category .atelier-brandcopy strong{font-size:14px}
    .page-home .atelier-brandcopy small,.page-category .atelier-brandcopy small{font-size:8px;letter-spacing:.5px}
    .page-home .atelier-hero-compact-grid{padding:27px 0 30px}
    .page-home .atelier-hero-compact h1{font-size:clamp(36px,8.6vw,49px);letter-spacing:-1.8px}
    .page-home .atelier-hero-compact .atelier-lead{font-size:14px;line-height:1.55}
    .page-home .atelier-categories{padding:27px 0 65px}
    .page-home .atelier-section-intro h2{font-size:clamp(34px,7.9vw,47px)}
    .page-home .atelier-section-intro>p{font-size:14px}
    .page-home .atelier-category-row{grid-template-columns:24px 54px minmax(0,1fr) 32px;gap:9px;min-height:105px;padding:16px 2px}
    .page-home .atelier-category-row.is-featured{min-height:116px}
    .page-home .atelier-category-id{font-size:56px}
    .page-home .atelier-category-name h3{font-size:clamp(18px,4.5vw,26px)!important;letter-spacing:-.5px!important}
    .page-home .atelier-category-name small{font-size:11px}
    .page-home .atelier-category-row .atelier-category-spec{display:none}
    .page-home .atelier-category-row .atelier-category-open{width:31px;height:31px;font-size:17px}
    .page-category .atelier-crumb{font-size:12px;padding-top:15px;padding-bottom:15px}
    .page-category .atelier-cat-hero-v7-main{grid-template-columns:minmax(0,1fr);padding:45px 0 27px;gap:20px}
    .page-category .atelier-cat-hero-v7 .atelier-cat-copy h1{font-size:clamp(45px,9vw,63px);letter-spacing:-2.2px;line-height:1.06;margin:16px 0 20px}
    .page-category .atelier-cat-hero-v7 .atelier-cat-title-second{letter-spacing:-1.5px}
    .page-category .atelier-cat-hero-v7 .atelier-cat-intro{font-size:16px;margin-bottom:20px;line-height:1.6}
    .page-category .atelier-cat-showcase{display:none!important}
    .page-category .atelier-cat-hero-v7 .atelier-cat-actions{gap:18px}
    .page-category .atelier-cat-hero-v7 .atelier-cat-disclaimer{font-size:12px;margin-top:22px}
    .page-category .atelier-cat-statbar{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:26px}
    .page-category .atelier-cat-stat{padding:17px 9px}
    .page-category .atelier-cat-stat:first-child{padding-left:0}
    .page-category .atelier-cat-stat:nth-child(3){border-right:0}
    .page-category .atelier-cat-stat>span{font-size:10px;letter-spacing:.4px;line-height:1.3}
    .page-category .atelier-cat-stat strong{font-size:35px;letter-spacing:-1px}
    .page-category .atelier-cat-stat strong i{font-size:.35em}
    .page-category .atelier-cat-stat small{font-size:11px;line-height:1.2}
    .page-category .atelier-cat-stat-link{grid-column:1/-1;margin-top:12px;min-height:60px;padding:15px 24px;font-size:21px}
    .page-category .atelier-cat-stat-link br{display:none}
    .page-category .atelier-cat-below-v7{padding:60px 0 70px}
    .page-category .atelier-guide-head{margin-bottom:28px}
    .page-category .atelier-guide-head h2{font-size:clamp(39px,7.2vw,50px);letter-spacing:-1.9px}
    .page-category .atelier-guide-head>p:last-child{font-size:16px}
    .page-category .atelier-guide-steps{grid-template-columns:1fr}
    .page-category .atelier-guide-steps article{display:grid;grid-template-columns:58px 1fr;align-items:start;column-gap:10px;min-height:0;padding:23px 0;border-right:0;border-bottom:1px solid #d3cbbb;margin:0}
    .page-category .atelier-guide-steps article:last-child{border:0}
    .page-category .atelier-step-nr{grid-row:span 2;font-size:35px}
    .page-category .atelier-guide-steps h3{font-size:22px;margin:2px 0 7px}
    .page-category .atelier-guide-steps p{font-size:15px}
    .page-category .atelier-guide-details{grid-template-columns:1fr;gap:18px;margin-top:31px}
    .page-category .atelier-guide-details h3{font-size:22px}
    .page-category .atelier-guide-details p{font-size:16px}
    .page-category .atelier-cat-related-v7{padding:65px 0}
    .page-category .atelier-cat-related-v7 .atelier-related-list{grid-template-columns:1fr}
    .page-category .atelier-cat-related-v7 .atelier-related-list>a{min-height:88px;grid-template-columns:47px 1fr 25px;padding:15px 14px;gap:13px}
    .page-category .atelier-cat-related-v7 .atelier-related-list strong{font-size:38px}
    .page-category .atelier-cat-related-v7 .atelier-related-list span:nth-child(2) b{font-size:17px}
    .page-category .atelier-cat-related-v7 .atelier-related-list span:nth-child(2) small{font-size:12px}
    .page-category .atelier-cat-faq-v7{padding:68px 0 80px}
    .page-category .atelier-cat-faq-v7 h3{font-size:20px}
    .page-category .atelier-cat-faq-v7 p{font-size:16px}
  }
  @media(max-width:390px){
    .page-home .atelier-category-row{grid-template-columns:18px 48px 1fr 28px;gap:6px}
    .page-home .atelier-category-id{font-size:49px}
    .page-home .atelier-category-name h3{font-size:17px!important}
    .page-category .atelier-cat-stat strong{font-size:31px}
    .page-category .atelier-cat-stat>span{font-size:9px}
  }


/* Edition 08 — transparent, non-official educational notices.
   Scoped only to public pages: no changes to the exam interface. */
.page-home .atelier-information-note,
.page-category .atelier-information-note{
  display:grid;grid-template-columns:135px minmax(0,1fr);align-items:center;gap:19px;
  max-width:760px;padding:13px 16px;margin:0 0 22px;
  border:1px solid rgba(224,195,137,.42);border-radius:2px;
  background:rgba(245,238,221,.065);color:#e8e9df;
}
.page-home .atelier-information-note-label,
.page-category .atelier-information-note-label{
  font-size:10px;letter-spacing:1.25px;line-height:1.4;font-weight:800;color:#e5ca95;
  text-transform:uppercase;
}
.page-home .atelier-information-note p,
.page-category .atelier-information-note p{
  margin:0;color:#d4ddd5;font-size:13px;line-height:1.55;font-weight:400;
}
.page-home .atelier-information-note strong,
.page-category .atelier-information-note strong{font-weight:700;color:#fff3d2}
.page-category .atelier-cat-hero-v7 .atelier-information-note-category{max-width:770px;margin:0 0 25px}
.page-home .atelier-independent-notice,
.page-category .atelier-independent-notice{padding:34px 0;background:#ede9df;color:#28312e;border-top:1px solid #d4cbbb;border-bottom:1px solid #d4cbbb}
.page-home .atelier-independent-notice-inner,
.page-category .atelier-independent-notice-inner{
  border:1px solid #c9c1b2;background:#f5f2eb;border-radius:2px;padding:26px 30px;
  display:grid;grid-template-columns:minmax(200px,.42fr) minmax(0,1fr);gap:34px;align-items:start;
}
.page-home .atelier-independent-notice-label,
.page-category .atelier-independent-notice-label{
  display:block;color:#8a7556;font-size:10px;font-weight:800;letter-spacing:1.35px;line-height:1.4;margin-bottom:12px
}
.page-home .atelier-independent-notice h2,
.page-category .atelier-independent-notice h2{
  font-family:Arial,Helvetica,sans-serif;font-size:clamp(19px,1.65vw,27px);line-height:1.22;
  letter-spacing:-.5px;margin:0;color:#202b29;font-weight:800;
}
.page-home .atelier-independent-notice-copy,
.page-category .atelier-independent-notice-copy{display:grid;gap:12px}
.page-home .atelier-independent-notice-copy p,
.page-category .atelier-independent-notice-copy p{
  margin:0;color:#48544f;font-size:13px;line-height:1.68
}
.page-home .atelier-independent-notice-copy strong,
.page-category .atelier-independent-notice-copy strong{color:#1e2e2a;font-weight:700}
@media(max-width:760px){
  .page-home .atelier-information-note,.page-category .atelier-information-note{grid-template-columns:1fr;gap:6px;padding:11px 12px;margin:0 0 17px}
  .page-home .atelier-information-note-label,.page-category .atelier-information-note-label{font-size:9px}
  .page-home .atelier-information-note p,.page-category .atelier-information-note p{font-size:12px;line-height:1.55}
  .page-home .atelier-independent-notice,.page-category .atelier-independent-notice{padding:23px 0}
  .page-home .atelier-independent-notice-inner,.page-category .atelier-independent-notice-inner{grid-template-columns:1fr;gap:13px;padding:18px 16px}
  .page-home .atelier-independent-notice h2,.page-category .atelier-independent-notice h2{font-size:21px}
  .page-home .atelier-independent-notice-copy p,.page-category .atelier-independent-notice-copy p{font-size:12px;line-height:1.65}
}


/* Edition 09: stable single-column hero, one header logo, footer-integrated legal notice.
   Public pages only; the DGPCI-style exam is intentionally untouched. */
.page-home .atelier-hero-compact-grid{
  display:block; width:calc(100% - clamp(36px,6vw,132px));
  max-width:1600px; min-width:0; padding:46px 0 48px;
}
.page-home .atelier-hero-copy{width:100%;max-width:1040px;min-width:0;}
.page-home .atelier-hero-compact h1{max-width:980px;overflow-wrap:normal;}
.page-home .atelier-hero-visual{display:none!important;}
.page-home .atelier-information-note,.page-category .atelier-information-note{
  display:block;grid-template-columns:none; width:100%;max-width:790px;
  margin:0 0 22px; padding:16px 20px;box-sizing:border-box;
  border-color:rgba(221,192,133,.45); background:rgba(232,219,186,.075);
}
.page-home .atelier-information-note p,.page-category .atelier-information-note p{
  margin:0;color:#e4e8e1;font-size:15px;line-height:1.62;
}
.page-home .atelier-information-note strong,.page-category .atelier-information-note strong{color:#f7e6bc;}
/* Single prominent brand: logo + readable spaced name. */
.page-home .atelier-brand,.page-category .atelier-brand{display:flex;align-items:center;min-width:0;gap:15px;}
.page-home .atelier-brand-image,.page-category .atelier-brand-image{
  width:88px;height:88px;flex:0 0 88px;object-fit:contain;
}
.page-home .header-inner,.page-category .header-inner{min-height:100px;}
.page-home .atelier-brandcopy,.page-category .atelier-brandcopy{min-width:0;}
.page-home .atelier-brandcopy strong,.page-category .atelier-brandcopy strong{
  display:block;font-size:19px;line-height:1.12;letter-spacing:-.5px;white-space:nowrap;
}
.page-home .atelier-brandcopy strong span,.page-category .atelier-brandcopy strong span{white-space:nowrap;}
.page-home .atelier-brandcopy small,.page-category .atelier-brandcopy small{display:block;margin-top:5px;font-size:10px;letter-spacing:.9px;line-height:1.3;}
/* The complete legal disclaimer is a native part of the dark footer, above copyright. */
.page-home .site-footer .atelier-footer-legal,.page-category .site-footer .atelier-footer-legal{
  display:grid;grid-template-columns:minmax(210px,.5fr) minmax(0,1fr);gap:38px;
  padding:27px 30px;margin-top:4px;margin-bottom:28px;
  background:rgba(215,201,164,.055);border:1px solid rgba(217,190,132,.28);
  border-radius:2px;color:#d1d5ca;align-items:start;
}
.atelier-footer-legal-eyebrow{margin:0 0 13px;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:1.5px;color:#d6ba7e;}
.atelier-footer-legal-heading h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,1.7vw,27px);line-height:1.18;letter-spacing:-.5px;color:#f4e9cf;margin:0;}
.atelier-footer-legal-copy{display:grid;gap:12px;}
.atelier-footer-legal-copy p{font-size:14px;line-height:1.7;margin:0;color:#c4d0c9;}
.atelier-footer-legal-copy strong{font-weight:700;color:#fff3d2;}
.atelier-footer-brand-text{display:inline-block;margin:0 0 14px;color:#f9f3e5!important;font-weight:900;font-size:clamp(19px,1.6vw,27px);text-decoration:none!important;letter-spacing:-.8px;}
.atelier-footer-brand-text span{color:#e2bb76;}
.page-home .atelier-footer-about,.page-category .atelier-footer-about{min-width:0;}
/* Correct CSS regression: remove the stale two-column grid at mobile widths. */
@media(max-width:900px){
  .page-home .atelier-hero-compact-grid{display:block!important;grid-template-columns:none!important;min-width:0;}
  .page-home .atelier-hero-copy{width:100%;max-width:100%;min-width:0;}
}
@media(max-width:760px){
  .page-home .wrap,.page-category .wrap{width:calc(100% - 36px)!important;max-width:100%;}
  .page-home .atelier-hero-compact-grid{width:calc(100% - 36px)!important;max-width:100%;padding:29px 0 32px!important;display:block!important;grid-template-columns:none!important;}
  .page-home .atelier-hero-copy{width:100%!important;max-width:none!important;min-width:0;}
  .page-home .atelier-hero-compact h1{font-size:clamp(33px,8.6vw,46px);line-height:1.1;letter-spacing:-1.4px;max-width:100%;margin:10px 0 13px;}
  .page-home .atelier-hero-compact h1 .atelier-title-accent{letter-spacing:-1.2px;}
  .page-home .atelier-hero-compact .atelier-lead{font-size:15px;line-height:1.52;max-width:100%;}
  .page-home .atelier-information-note,.page-category .atelier-information-note{display:block;grid-template-columns:none;width:100%;max-width:100%;padding:14px 15px;margin-bottom:16px;}
  .page-home .atelier-information-note p,.page-category .atelier-information-note p{font-size:14px;line-height:1.62;}
  .page-home .atelier-brand-image,.page-category .atelier-brand-image{width:66px;height:66px;flex:0 0 66px;}
  .page-home .header-inner,.page-category .header-inner{min-height:84px;}
  .page-home .atelier-brand,.page-category .atelier-brand{gap:10px;}
  .page-home .atelier-brandcopy strong,.page-category .atelier-brandcopy strong{font-size:clamp(12px,3.65vw,16px);letter-spacing:-.4px;}
  .page-home .atelier-brandcopy small,.page-category .atelier-brandcopy small{font-size:8px;letter-spacing:.15px;}
  .page-home .atelier-menu,.page-category .atelier-menu{padding:10px;flex-shrink:0;}
  .page-home .atelier-hero-compact .atelier-actions{align-items:flex-start;flex-direction:column;gap:10px;}
  .page-home .atelier-hero-compact .atelier-button{min-height:49px;font-size:13px;}
  .page-home .atelier-category-row .atelier-category-spec{display:none;}
  .page-home .site-footer .atelier-footer-legal,.page-category .site-footer .atelier-footer-legal{
    display:block;grid-template-columns:none;gap:0;margin-top:8px;margin-bottom:22px;padding:22px 19px;
  }
  .atelier-footer-legal-heading h2{font-size:22px;line-height:1.2;margin:0 0 15px;}
  .atelier-footer-legal-copy{gap:12px;}
  .atelier-footer-legal-copy p{font-size:14px;line-height:1.7;}
  .atelier-footer-brand-text{font-size:21px;}
}
@media(max-width:380px){
  .page-home .atelier-brand-image,.page-category .atelier-brand-image{width:57px;height:57px;flex:0 0 57px;}
  .page-home .atelier-brandcopy strong,.page-category .atelier-brandcopy strong{font-size:12px;}
  .page-home .atelier-brandcopy small,.page-category .atelier-brandcopy small{font-size:7px;}
  .page-home .atelier-hero-compact h1{font-size:clamp(31px,8.4vw,34px);}
}

/* Compact the mobile introduction so the category directory starts sooner. */
@media(max-width:760px){
  .page-home .atelier-hero-compact-grid{padding:21px 0 25px!important;}
  .page-home .atelier-hero-compact .atelier-kicker{margin-bottom:7px;}
  .page-home .atelier-hero-compact .atelier-lead{margin-bottom:13px;}
  .page-home .atelier-information-note{margin-bottom:13px;}
  .page-home .atelier-hero-category-hint{display:none;}
  .page-home .atelier-hero-compact .atelier-button{min-height:50px;padding:11px 17px;}
}

/* v13 – category pages on mobile: prevent the decorative hero overlay from
   painting above copy. The simulator and desktop styles are unaffected. */
@media (max-width: 760px) {
  body.page-category .atelier-cat-hero-v7 {
    isolation: isolate;
    background: #101a1c;
  }
  body.page-category .atelier-cat-hero-v7::before {
    content: none;
    display: none;
  }
  body.page-category .atelier-cat-hero-v7-main,
  body.page-category .atelier-cat-hero-v7 .atelier-cat-copy,
  body.page-category .atelier-cat-hero-v7 .atelier-cat-statbar {
    position: relative;
    z-index: 1;
  }
  body.page-category .atelier-cat-hero-v7 .atelier-cat-copy h1,
  body.page-category .atelier-cat-hero-v7 .atelier-cat-intro,
  body.page-category .atelier-cat-hero-v7 .atelier-information-note-category {
    opacity: 1;
    -webkit-mask-image: none;
    mask-image: none;
  }
}