/*
Theme Name: Daigaku Career
Template: astra
Version: 0.1.0
Description: 030 design system staging implementation.
*/
:root {
  --dc-background: #F7F9FB;
  --dc-surface: #FFFFFF;
  --dc-surface-subtle: #F1F5F8;
  --dc-text: #182230;
  --dc-secondary: #3D4A5A;
  --dc-muted: #667085;
  --dc-border: #D7DEE7;
  --dc-primary: #123B5D;
  --dc-primary-hover: #0B2D49;
  --dc-primary-subtle: #EAF2F8;
  --dc-link: #155E8A;
  --dc-page: 1200px;
  --dc-article: 760px;
  --dc-wide: 960px;
}
.dc-shell { max-width: var(--dc-page); margin-inline: auto; padding-inline: 20px; }
.dc-article { max-width: var(--dc-article); margin-inline: auto; }
.dc-surface { background: var(--dc-surface); border: 1px solid var(--dc-border); border-radius: 8px; padding: 24px; box-shadow: none; }
.dc-grid { display: grid; gap: 24px; }
.dc-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 24px; border: 1px solid var(--dc-primary); border-radius: 4px; background: var(--dc-primary); color: #fff; text-decoration: none; font-weight: 700; }
.dc-button:hover { background: var(--dc-primary-hover); color: #fff; }
.dc-button--secondary { background: var(--dc-surface); color: var(--dc-primary); }
.dc-shell a:not(.dc-button) { text-underline-offset: .2em; }
.dc-shell :focus-visible { outline: 3px solid var(--dc-link); outline-offset: 4px; }
.dc-shell img { max-width: 100%; height: auto; }
.dc-shell :is(h1,h2,h3,p,li,a) { overflow-wrap: anywhere; }
.dc-shell h1 { font-size: 30px; line-height: 1.35; }
.dc-shell h2 { font-size: 24px; line-height: 1.45; }
.dc-shell h3 { font-size: 20px; line-height: 1.5; }
.dc-table-scroll { max-width: 100%; overflow-x: auto; }
@media (min-width: 768px) {
 .dc-shell { padding-inline: 32px; }
 .dc-grid--three { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (min-width: 1024px) {
 .dc-shell { padding-inline: 40px; }
 .dc-shell h1 { font-size: 40px; line-height: 1.3; }
 .dc-shell h2 { font-size: 30px; }
 .dc-shell h3 { font-size: 24px; }
}