/* SEPTEMMARIA shared typography and palette.
   Reference: recruit.septemmaria.com / #sm-page-styles, checked 2026-11-06. */
:root{--reference-heading-font:'Poppins','Noto Sans JP',sans-serif;--reference-body-font:'Noto Sans JP',sans-serif;--reference-statement:41.6px;--reference-section:28.8px;--reference-subtitle:15px;--reference-body:16px;--reference-button:18px;--ink:#303030;--muted:#666666;--paper:#ffffff;--white:#f8f8f6;--line:#dededb;--coral:#ff4b46;--light:#f6f5f2;--accent-light:#fff0e9;--serif:var(--reference-heading-font);--sans:var(--reference-body-font)}
body{font-family:var(--reference-heading-font);letter-spacing:normal;font-size:16px;line-height:1.8;background:var(--paper);color:var(--ink)}
body :is(h1,h2,h3,h4,h5,h6){font-family:var(--reference-heading-font)!important;letter-spacing:normal!important}
body main h1{font-size:var(--reference-statement)!important;font-weight:600!important;line-height:1.7!important}
body main :is(h2,h3){font-size:var(--reference-section)!important;font-weight:600!important;line-height:1.5!important}
body main :is(h4,h5,h6){font-size:var(--reference-subtitle)!important;font-weight:500!important;line-height:1.5!important}
body main :is(p,li,dd){font-family:var(--reference-body-font)!important;font-size:var(--reference-body)!important;font-weight:400;letter-spacing:normal!important;line-height:2!important}
body :is(a,button,summary,figcaption,small,time,.meta,.tag,.eyebrow,.hero-caption,.self-caption,.number,.footer-bottom,.work-progress,.crumbs,.result-count,.step:before,.verified){font-family:var(--reference-heading-font)!important;letter-spacing:normal}
body main .eyebrow{font-size:var(--reference-subtitle)!important;font-weight:500!important;line-height:1.5!important}
body :is(.button,.text-link,.form-actions button){font-family:var(--reference-heading-font)!important;font-size:var(--reference-button)!important;letter-spacing:3px!important;font-weight:700!important;line-height:1.5!important;max-width:100%;overflow-wrap:anywhere}
body :is(input,select,textarea){font-family:var(--reference-body-font)!important;font-size:16px!important;letter-spacing:normal!important;line-height:1.8!important}
.header{background:#fff;backdrop-filter:none}.footer{background:#fff}.section.white{background:var(--white)}.brand .brand-jp,.footer .brand .brand-jp{font-family:var(--reference-heading-font);font-weight:600;letter-spacing:normal}.brand .brand-jp span{color:var(--ink)}.brand small{color:var(--muted)}
.button,.menu-toggle,.chip{border-radius:999px}.button{background:var(--ink);border-color:var(--ink);color:#fff!important}.button:hover{background:#505050;border-color:#505050;color:#fff!important}.button.outline{background:#fff;color:var(--ink)!important}.button.outline:hover{background:var(--accent-light)}.text-link{display:inline-flex;gap:22px;min-height:50px;padding:12px 22px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink)}.text-link:hover{background:var(--light);border-color:var(--coral)}.self-band .text-link{color:var(--ink)}
.hero h1 em:after,.progress-line span{background:var(--coral)}.topic .number{color:var(--ink)}.chip.active{background:var(--ink);color:#fff}.tag{background:var(--accent-light);color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);border-bottom:2px solid var(--coral)}.nav .nav-cta{border-radius:999px}.callout{background:var(--light);border-left-color:var(--coral)}.answer:has(input:checked){background:var(--accent-light);border-color:var(--coral)}
.hero .lead{max-width:590px}.hero-bottom{flex-wrap:wrap}.hero-next{max-width:580px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{border-radius:20px}.service-card h3{min-height:44px}.service-card .service-type{font-size:13px}.service-card a{font-size:14px}.article-card h3,.small-story h3{overflow-wrap:anywhere}.small-story{grid-template-columns:120px minmax(0,1fr)}.small-story img{height:135px}.feature-img{height:330px}.self-copy h2{margin-top:0}.self-copy .eyebrow{color:#fff}.self-sheet strong{font-family:var(--reference-heading-font);font-weight:600}.self-sheet .eyebrow{font-size:12px!important}.self-sheet{width:330px;padding:24px}.compare-detail .button{gap:12px;letter-spacing:1px!important}.compare-detail h2,.compare-detail h3{margin-top:22px}.compare-detail .verified a{overflow-wrap:anywhere}.career-path .text-link{font-size:16px!important;letter-spacing:1px!important}.career-path h3{min-height:44px}.hub-nav a{font-size:14px}.answer{font-size:14px}.toc strong,.toc ol{font-size:14px}.meta,.small-story .read,.card-footer,.photo-credit,.footer-links{font-size:12px}.footer p,.footer-bottom{font-size:13px}.footer .brand small{font-size:9px}.section-head{align-items:flex-start}.section-head .text-link{letter-spacing:1px!important;font-size:16px!important;white-space:normal;margin-top:28px}.hero-caption{font-size:12px}.notice .mini,.notice .notice-date{font-size:12px}.notice .wrap{font-size:13px}.article-hero{border-radius:20px}.career-path{border-radius:20px}.comparison-table{border-radius:16px}.question-work{border-radius:20px}
@media(max-width:1100px){.editor-grid{grid-template-columns:1.1fr 1fr}.small-story{grid-template-columns:95px minmax(0,1fr);gap:14px}.small-story img{height:110px}.header-row{gap:14px}.nav{gap:12px;font-size:11px}}
@media(max-width:900px){.header-row{height:76px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px 25px;background:#fff;border-bottom:1px solid var(--line)}.nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{padding:12px;font-size:16px}.editor-grid{grid-template-columns:1fr}.small-story{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:767px){:root{--reference-statement:28.8px;--reference-section:20px;--reference-subtitle:12px;--reference-button:16px}.header-row{height:72px}.nav{top:72px}.brand .brand-jp{font-size:19px}.brand .brand-jp+small{font-size:7px}.hero h1{line-height:1.6!important}.hero .lead{max-width:100%;font-size:16px!important}.hero-inner{padding-top:38px}.hero-next{font-size:14px!important}.hero-caption{display:none}.hero-bottom{align-items:flex-start;gap:17px}.hero-note{font-size:11px}.hero-bottom .text-link{font-size:14px!important;letter-spacing:1px!important}.section-head{flex-wrap:wrap;gap:15px}.section-head .text-link{margin-top:0;font-size:14px!important}.service-grid{grid-template-columns:1fr}.service-card{padding:24px}.small-story{grid-template-columns:95px minmax(0,1fr)}.small-story img{height:105px}.article-grid{grid-template-columns:1fr;gap:30px}.article-card img{height:210px}.article-card p{display:block}.self-copy{padding:30px 23px}.self-sheet{width:min(310px,100%)}.self-sheet .eyebrow{font-size:10px!important}.career-path .text-link{font-size:14px!important;padding:12px 16px}.career-path h3{min-height:0}.answer{font-size:14px}.question-work legend{font-size:15px}.hub-nav a{font-size:13px}.section{padding:48px 0}.compare-detail .button{font-size:15px!important}.age-links{gap:9px}.journal-bottom .age-links a{font-size:13px}.footer .brand .brand-jp{font-size:19px}.footer-links{font-size:12px}.topline{font-size:10px}.eyebrow{margin-bottom:13px}.button{padding:14px 20px;gap:18px}}
@media(max-width:360px){.brand .brand-jp{font-size:16px}.brand .brand-jp+small{font-size:6px}.menu-toggle{padding:7px 9px}}