/* ======================================================================================================= */
/* Responsive behavior                                                                                     */
/* ======================================================================================================= */
@media (max-width: 850px) {
  .header-inner { flex-wrap: wrap; gap: 12px; padding-block: 10px; }.main-nav { order: 3; width: 100%; justify-content: flex-start; border-top: 1px solid var(--line); padding-top: 8px; }.simulator-grid { grid-template-columns: 1fr; }.simulation-result { min-height: 0; }.how-grid, .glossary-grid { grid-template-columns: 1fr 1fr; }.example-grid { grid-template-columns: 1fr; }.time-window-grid { grid-template-columns: 1fr; }.time-window-grid article { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }.time-window-grid article:last-child { border-bottom: 0; }.ranking-adjustments { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .container { width: min(100% - 28px, 540px); }.brand { min-width: 0; }.brand small, .markdown-link { display: none; }.main-nav { justify-content: space-between; gap: 2px; overflow-x: auto; }.main-nav a { flex: 0 0 auto; padding: 6px 5px; font-size: 10px; }.section { padding: 42px 0 52px; }.section-heading { margin-bottom: 21px; }.section-heading h2 { font-size: 27px; }.section-heading p { font-size: 13px; }.simulator { padding: 15px; }.simulator-intro h3 { font-size: 19px; }.result-header { display: block; }.verdict { display: inline-block; margin-top: 10px; }.rule-row { grid-template-columns: 1fr; gap: 4px; }.rule-head { display: none; }.question-tools, .glossary-tools { align-items: stretch; flex-direction: column; }.search-box { width: 100%; }.weights-layout, .glossary-grid, .tips-layout { grid-template-columns: 1fr; }.question-item summary { grid-template-columns: 25px 1fr 18px; padding: 12px; font-size: 12px; }.question-answer { padding-left: 46px; }.footer-inner { align-items: flex-start; flex-direction: column; justify-content: center; padding-block: 15px; }
}