/* One horizontal content rhythm across every homepage view. */
:root{--site-width:1200px;--site-gutter:24px;--panel-gap:24px;--panel-padding:28px}
body>.header .container,body>.footer>.container,.page-view .container{max-width:var(--site-width);padding-left:var(--site-gutter);padding-right:var(--site-gutter)}
body>.header .container{overflow:visible!important}
.page-view :is(.container,.review-dashboard-wrapper,.review-ai-hero-inner,.review-ai-hero-left,.review-ai-grid,.review-ai-outputs,.output-cards-list,.review-toolbar-card,.review-item-card,.recruit-simple-card,.value-card,.stylist-card){min-width:0}
.page-view :is(.notice-promo-card-wrapper,.notice-container,.location-cards-stack,.price-table-card){width:100%;max-width:none}
.page-view .partnership-grid{width:100%;max-width:none!important}
.page-view :is(.recruit-positions-grid,.brand-values-grid,.welfare-grid,.academy-records){gap:var(--panel-gap);align-items:stretch}
.page-view :is(.value-card,.welfare-box,.recruit-cta-banner,.price-table-card,.location-item-card){padding:var(--panel-padding)}
.recruit-positions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.recruit-simple-card{display:flex;flex-direction:column;padding:var(--panel-padding)}
.recruit-simple-card>.badge{align-self:flex-start}
.recruit-simple-text{line-height:1.85}
.recruit-point-list{margin-top:auto;padding-top:20px}
.recruit-point-list li{line-height:1.85}
.notice-promo-blog-card,.notice-content{padding:var(--panel-padding)}
.notice-header{padding:22px var(--panel-padding);min-width:0}
.notice-header>*,.notice-meta,.notice-title{min-width:0}
.notice-header{display:grid;grid-template-columns:auto minmax(0,1fr) 32px}
.notice-title{flex:1 1 380px;line-height:1.7}
.notice-content,.promo-blog-desc{font-size:.94rem;line-height:1.85;overflow-wrap:anywhere}
.notice-list-sub li{line-height:1.85}
.notice-item.active .notice-body{max-height:none}
.promo-blog-header-row,.promo-blog-cta-row{gap:12px}
.page-view .section-desc{line-height:1.85}
.page-view :is(.review-item-card,.notice-content,.recruit-simple-text,.academy-summary) p{overflow-wrap:anywhere}
/* The header follows the same outside edges without shrinking the logo away. */
@media(min-width:1161px){
  body>.header .header-container{gap:14px!important}
  body>.header .header-logo .logo-img{height:48px;max-width:160px}
  body>.header .header-segmented-nav{max-width:none}
  body>.header .segmented-nav-btn{font-size:.8rem;padding:0 4px;gap:3px}
  body>.header .segmented-nav-btn .btn-num{font-size:.68rem;margin-right:0}
  body>.header .nav-actions{gap:10px;min-width:0}
  body>.header .crew-profile-chip{font-size:.76rem;padding:4px 8px;gap:4px}
  body>.header .btn-header-cta{font-size:.76rem;padding:10px 12px}
  body>.header .badge-mini-gold{font-size:.5rem;padding:1px 3px;margin-left:0}
}
/* Review panels must shrink within the grid, rather than widen its implicit track. */
#view-review-ai .container{max-width:var(--site-width)}
#view-review-ai .review-ai-header-hero{padding:0 0 28px;background:none}
.review-ai-hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--panel-gap);align-items:center}
.review-ai-hero-left{max-width:none}
.designer-hero-status-card{width:100%;max-width:none;min-width:0;flex:none;padding:20px}
.review-ai-title{font-size:clamp(1.5rem,2.1vw,1.875rem);line-height:1.5;letter-spacing:-.04em}
.review-ai-desc{font-size:.9rem;line-height:1.85;max-width:none}
.review-ai-hero-actions{gap:10px;margin-top:16px}
.review-ai-hero-actions .btn{white-space:normal;height:auto;min-height:44px;line-height:1.6;padding:10px 14px;font-size:.8rem}
.review-ai-hero-actions svg,.server-status-pill .status-dot{flex-shrink:0}
.server-status-pill{max-width:100%;line-height:1.7;white-space:normal;overflow-wrap:anywhere}
.dh-status-body{grid-template-columns:repeat(2,minmax(0,1fr));max-height:250px;align-items:stretch}
.dh-status-item{min-width:0;padding:10px;justify-content:space-between}
.dh-item-top{flex-wrap:wrap;gap:5px}
.dh-designer-name{min-width:0;flex:1 1 100px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.6}
.dh-badge-unans,.dh-badge-done{margin-left:auto}
.dh-item-bottom{flex-wrap:wrap;gap:4px}
.review-dashboard-wrapper{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;min-width:0;gap:var(--panel-gap)}
.review-dashboard-wrapper>*{min-width:0;max-width:100%;width:100%}
.crew-personal-briefing-card{width:100%;min-width:0;gap:20px;margin-bottom:0;padding:22px var(--panel-padding)}
.briefing-left{min-width:0;flex:1 1 360px}
.briefing-left>div{min-width:0}
.briefing-greeting,.briefing-headline,.briefing-sub{line-height:1.75;overflow-wrap:anywhere}
.briefing-actions{min-width:0;flex:1 1 420px;justify-content:flex-end;gap:8px}
.btn-briefing-action{white-space:normal;min-height:40px;line-height:1.6;padding:9px 12px}
.review-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;align-items:stretch}
.review-kpi-card{min-width:0;padding:20px;gap:12px}
.kpi-content{min-width:0}
.kpi-icon{flex-shrink:0}
.kpi-label{line-height:1.7}
.review-toolbar-card,.review-item-card{width:100%;padding:24px}
.review-search-wrap{min-width:0;flex:1 1 240px}
.toolbar-bottom-row,.filter-header{flex-wrap:wrap;gap:16px}
.status-filter-pills{flex-wrap:wrap;min-width:0}
.review-card-top{flex-wrap:wrap}
.reviewer-info,.reviewer-meta{min-width:0}
.reviewer-info{flex:1 1 240px}
.reviewer-name{overflow-wrap:anywhere}
.review-ai-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px}
.manual-summary{white-space:normal;line-height:1.75;gap:16px}
.manual-summary>span:first-child{min-width:0}
@media(max-width:1160px){
  body>.header .container{max-width:var(--site-width)!important;padding-left:var(--site-gutter)!important;padding-right:var(--site-gutter)!important}
}
@media(max-width:992px){
  .review-ai-hero-inner{grid-template-columns:minmax(0,1fr)}
  .review-ai-hero-left{width:100%}
  .review-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .briefing-actions{justify-content:flex-start}
}
@media(max-width:768px){
  :root{--site-gutter:20px;--panel-padding:20px;--panel-gap:20px}
  .page-view .container,#view-review-ai .container{padding-left:var(--site-gutter)!important;padding-right:var(--site-gutter)!important;overflow-x:visible!important}
  .page-view .section-title{text-wrap:balance;line-height:1.55}
  .page-view .section-desc{font-size:.9rem;line-height:1.85}
  .recruit-positions-grid{grid-template-columns:minmax(0,1fr)}
  .recruit-simple-card{padding:var(--panel-padding)}
  .recruit-point-list{padding-top:16px}
  .notice-header{grid-template-columns:minmax(0,1fr) 32px;gap:10px 12px;padding:20px}
  .notice-meta{grid-column:1;grid-row:1}
  .notice-meta{flex-wrap:wrap;gap:8px}
  .notice-title{grid-column:1;grid-row:2;font-size:1rem}
  .notice-header .notice-toggle-btn{grid-column:2;grid-row:1 / span 2;margin-left:auto;flex-shrink:0}
  .notice-content,.notice-promo-blog-card{padding:20px}
  #view-review-ai .review-ai-header-hero{padding:0 0 24px!important}
  .review-ai-hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr);gap:20px!important}
  .review-ai-title{font-size:1.5rem!important;line-height:1.55!important}
  .review-ai-desc{font-size:.875rem!important;line-height:1.85!important}
  .review-ai-desc br{display:none}
  .review-ai-hero-actions .btn{height:auto!important;min-height:44px;white-space:normal;padding:10px 12px!important}
  .designer-hero-status-card{padding:18px}
  .dh-status-body{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none!important;overflow:visible}
  .dh-designer-name{font-size:.75rem}
  .dh-my-badge{display:inline-block}
  .review-dashboard-wrapper{gap:20px!important;overflow:visible!important}
  .crew-personal-briefing-card{padding:18px!important;margin-bottom:0!important;gap:16px!important}
  .briefing-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;gap:8px!important}
  .briefing-actions .btn-briefing-action{width:100%;min-height:44px;line-height:1.65;white-space:normal}
  .review-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
  .review-kpi-card{padding:16px 12px!important;gap:8px!important;align-items:flex-start}
  .kpi-icon{font-size:1.35rem!important;margin-top:2px}
  .kpi-label{font-size:.72rem!important;min-height:2.8em;line-height:1.6}
  .kpi-value{font-size:1.3rem!important;line-height:1.5}
  .review-toolbar-card,.review-item-card{padding:18px!important}
  .review-search-wrap{max-width:none;min-width:0!important;width:100%}
  .review-ai-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
  .review-store-tabs-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:6px!important}
  .review-store-tabs-bar .store-tab-btn{min-width:0;padding:10px 6px!important;font-size:.74rem!important;line-height:1.7;white-space:normal;justify-content:center;flex-direction:column;gap:5px!important}
  .review-store-tabs-bar .store-tab-btn>span:first-child{min-height:2.8em;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.5}
}
@media(max-width:360px){
  :root{--site-gutter:16px;--panel-padding:16px}
  .review-kpi-card{flex-direction:column}
  body>.header .crew-chip-badge{display:none}
}
