/* AI literacy, AI office and AIGC public pages. Shared components come from ai-agent.css. */
.refresh-main { background: #fff; }
.refresh-overview-layout { display: grid; grid-template-columns: .8fr 1.5fr; gap: 80px; align-items: start; }
.refresh-overview-copy p { color: var(--agent-muted); font-size: 14px; }
.refresh-overview-copy p + p { margin-top: 18px; }
.refresh-eight .agent-capability-grid { grid-template-columns: repeat(6,minmax(0,1fr)); }
.refresh-eight .agent-capability { grid-column: span 2; }
.refresh-eight .agent-capability:nth-last-child(-n+2) { grid-column: span 3; }
.refresh-training { background: #f7f9fc; border-block: 1px solid var(--agent-line); }
.refresh-values { background: #f7faf8; border-block: 1px solid #dfe8e2; }
.refresh-value-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px 34px; }
.refresh-value { padding: 20px 0 20px 22px; border-left: 2px solid #d9c6a6; }
.refresh-value:nth-child(3n+2) { border-color: #c1d2e4; }
.refresh-value:nth-child(3n) { border-color: #c3d8cc; }
.refresh-value > span { display: block; margin-bottom: 12px; color: var(--agent-gold-ink); font-size: 11px; }
.refresh-value h3 { color: var(--agent-ink); font-size: 18px; margin-bottom: 10px; line-height: 1.5; }
.refresh-value p { color: var(--agent-muted); font-size: 13px; }
.refresh-five { grid-template-columns: repeat(6,minmax(0,1fr)); }
.refresh-five .refresh-value { grid-column: span 2; }
.refresh-five .refresh-value:nth-last-child(-n+2) { grid-column: span 3; }
.refresh-scenarios .agent-scenario h3 { font-size: 20px; }
.refresh-scenarios .agent-scenario > p { margin-bottom: 0; }
.refresh-scenarios .agent-scenario-grid { row-gap: 20px; }
.refresh-four-steps { grid-template-columns: repeat(4,minmax(0,1fr)); }
.refresh-four-steps li { padding-inline: 16px; }
.refresh-four-steps p { max-width: 230px; }
.refresh-practices { background: #f9fafb; border-block: 1px solid var(--agent-line); }
.refresh-practice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.refresh-practice { padding: 30px; border: 1px solid #e8dcc5; border-radius: 10px; background: var(--agent-gold-soft); }
.refresh-practice:nth-child(2) { background: var(--agent-blue-soft); border-color: #d7e2ef; }
.refresh-practice > span { display: inline-block; font-size: 11px; color: var(--agent-gold-ink); padding: 3px 9px; border: 1px solid #c6ad84; border-radius: 4px; }
.refresh-practice:nth-child(2) > span { color: #315b85; border-color: #aebfd1; }
.refresh-practice h3 { color: var(--agent-ink); font-size: 22px; margin: 20px 0 15px; }
.refresh-practice p { color: var(--agent-muted); font-size: 14px; margin-bottom: 24px; }
.refresh-practice .agent-tags li { color: var(--agent-gold-ink); }
.refresh-practice:nth-child(2) .agent-tags li { color: #315b85; }
.refresh-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.refresh-service { border: 1px solid var(--agent-line); background: #fff; padding: 26px; border-radius: 9px; }
.refresh-service .agent-icon { margin-bottom: 20px; }
.refresh-service:nth-child(3n+2) .agent-icon { color: #315b85; }
.refresh-service:nth-child(3n) .agent-icon { color: #38634f; }
.refresh-service h3 { color: var(--agent-ink); font-size: 18px; margin-bottom: 12px; }
.refresh-service p { color: var(--agent-muted); font-size: 13px; }
.refresh-faq { background: #fbfcfd; border-block: 1px solid var(--agent-line); }
.refresh-questions { display: grid; gap: 12px; }
.refresh-questions details { border: 1px solid var(--agent-line); background: #fff; border-radius: 7px; }
.refresh-questions summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 19px 24px; list-style: none; font-size: 14px; font-weight: 600; color: var(--agent-ink); cursor: pointer; }
.refresh-questions summary::-webkit-details-marker { display: none; }
.refresh-questions summary::after { content: '+'; font-weight: 400; font-size: 21px; color: var(--agent-gold-ink); }
.refresh-questions details[open] { border-color: #c6ad84; background: #fdfbf7; }
.refresh-questions details[open] summary::after { content: '−'; }
.refresh-questions details p { color: var(--agent-muted); padding: 0 24px 22px; font-size: 13px; max-width: 1000px; }
.refresh-questions summary:focus-visible { outline: 3px solid #b8893e; outline-offset: 4px; border-radius: 7px; }
.refresh-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.refresh-related-card { display: flex; flex-direction: column; padding: 26px; border: 1px solid #e8dcc5; border-radius: 10px; background: var(--agent-gold-soft); }
.refresh-related-card:nth-child(2) { background: var(--agent-blue-soft); border-color: #d7e2ef; }
.refresh-related-card:nth-child(3) { background: var(--agent-green-soft); border-color: #d7e4dc; }
.refresh-related-card h3 { font-size: 19px; color: var(--agent-ink); line-height: 1.5; margin-bottom: 14px; }
.refresh-related-card p { font-size: 13px; color: var(--agent-muted); flex: 1; margin-bottom: 24px; }
.refresh-related-card > span { display: flex; align-items: center; justify-content: space-between; color: var(--agent-gold-ink); font-size: 12px; }
.refresh-related-card:nth-child(2) > span { color: #315b85; }
.refresh-related-card:nth-child(3) > span { color: #38634f; }
.refresh-related-card > span svg { width: 17px; height: 17px; }
.refresh-related-card:hover { border-color: #a5b4c7; box-shadow: 0 8px 24px #162b480a; }
/* Preserve the full desktop header at common laptop widths. */
@media (min-width: 1181px) and (max-width: 1300px) {
  body.refresh-page #siteNav .wrap { padding-inline: 24px !important; }
  body.refresh-page #siteNav .nav-menu { gap: 0 !important; }
  body.refresh-page #siteNav .nav-link { padding-inline: 10px !important; font-size: 13px !important; }
  body.refresh-page #siteNav .nav-inner { gap: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .refresh-document { scroll-behavior: auto; }
}