/* Approved Guides and Almanac layouts; other site pages are unaffected. */
@media screen and (max-width:600px) {
  .resource-layout input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),
  .resource-layout select,.resource-layout textarea {font-size:16px!important}
  .resource-layout input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),
  .resource-layout select {min-height:44px}
  .resource-layout .guide-open,.resource-layout .guide-download {min-height:44px;align-items:center;display:inline-flex}
  .resource-layout :is(input,select,textarea,summary,a,button):focus-visible {outline:3px solid #008b87;outline-offset:3px}
  .resource-layout .rl-disclosure {border:1px solid #cdd9d9;background:#f1f7f3;border-radius:13px;margin:14px 0 18px;color:#19304a;overflow:hidden}
  .resource-layout .rl-disclosure>summary {min-height:54px;display:flex;align-items:center;gap:11px;padding:12px 14px;cursor:pointer;list-style:none;font:650 14px/1.4 'Segoe UI',sans-serif}
  .resource-layout .rl-disclosure>summary::-webkit-details-marker {display:none}
  .resource-layout .rl-disclosure>summary::after {content:'+';margin-left:auto;flex:none;font-size:21px;font-weight:400;color:#093f7c}
  .resource-layout .rl-disclosure[open]>summary::after {content:'−'}
  .resource-layout .rl-disclosure>summary img {width:30px;height:30px;object-fit:contain;flex:none}
  .resource-layout .rl-disclosure>summary>span {min-width:0}
  .resource-layout .rl-disclosure>summary small {display:block;font-size:12px;font-weight:400;color:#526275;line-height:1.5;margin-top:3px}
  .resource-layout .rl-disclosure-content {padding:0 14px 14px}
  .resource-layout .rl-top-stack {display:grid;gap:8px;margin-top:0;margin-bottom:20px}
  .resource-layout .rl-top-stack .rl-disclosure {margin:0;background:#fffdf8}
  .resource-layout .rl-top-stack .rl-disclosure>summary {min-height:62px;padding:10px 12px}
  .resource-layout .rl-top-stack .rl-disclosure>summary small {font-size:11px;margin-top:1px}
  .resource-layout .rl-top-stack .rl-journey-bar {border-left:4px solid #e1ac35}
  .resource-layout .rl-top-stack .rl-reference-bar {border-left:4px solid #3c85ae}
  .resource-layout .rl-disclosure .journey-next-panel.container {width:100%;margin:0;padding:12px 0;display:grid;grid-template-columns:40px minmax(0,1fr);border:0;border-radius:0;box-shadow:none;background:transparent;gap:10px}
  .resource-layout .rl-disclosure .journey-next-panel>img {width:36px;height:36px}
  .resource-layout .rl-disclosure .journey-next-panel>div {min-width:0}
  .resource-layout .rl-disclosure .journey-next-panel h2 {font-size:20px;line-height:1.25}
  .resource-layout .rl-disclosure .journey-next-panel p:not(.journey-next-label) {font-size:13px;line-height:1.6}
  .resource-layout .rl-disclosure .journey-next-panel>a {grid-column:2;justify-self:start;margin:0;min-height:44px;display:inline-flex;align-items:center}
  .resource-layout .rl-disclosure .ref-feature.container {width:100%;margin:4px 0 0;padding:16px 0 0;box-shadow:none;border:0;border-top:1px solid #d4e0dc;border-radius:0;grid-template-columns:64px minmax(0,1fr);gap:13px;background:transparent}
  .resource-layout .rl-disclosure .ref-feature h2 {font-size:22px}
  .resource-layout .rl-disclosure .ref-feature p {font-size:13px}
  .resource-layout .rl-disclosure .ref-feature>a {grid-column:1/-1;width:100%;font-size:13px}
  .resource-layout .rl-disclosure .ref-feature-credit {font-size:9px}
  .resource-layout.guides-page .guides-hero {padding-bottom:20px}
  .resource-layout.guides-page .guides-library {padding-top:0}
  .resource-layout.guides-page .library-tools {padding:14px}
  .resource-layout.guides-page .library-toolbar {margin-block:12px}
  .resource-layout.guides-page .library-search-field {min-width:0}
  .resource-layout .almanac-hero {padding:20px 0 18px;gap:16px}
  .resource-layout .almanac-hero .back-link {margin-bottom:8px}
  .resource-layout .almanac-hero .eyebrow {margin-bottom:10px}
  .resource-layout .almanac-hero h1 {font-size:36px;line-height:1.12}
  .resource-layout .almanac-hero .hero-intro {font-size:14px;line-height:1.6;margin:14px 0 8px}
  .resource-layout .almanac-hero .almanac-quiz-actions>a:first-child {display:none}
  .resource-layout .almanac-hero .almanac-quiz-actions>a:nth-child(2) {padding:8px 0;min-height:44px;background:transparent;border:0;box-shadow:none;font-size:13px;justify-content:flex-start}
  .resource-layout .almanac-hero .hero-collection {height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0}
  .resource-layout .almanac-hero .hero-bird {position:static;height:99px;width:100%;transform:none;border-width:3px;border-radius:10px;box-shadow:none;min-width:0}
  .resource-layout .almanac-hero .hero-bird-photo {height:69px}
  .resource-layout .almanac-hero .hero-bird span:not(.mini-egg) {padding:4px 2px;justify-content:center;font-size:11px;line-height:1.3;gap:0}
  .resource-layout .almanac-hero .hero-bird .icon,.resource-layout .almanac-hero .hero-sticker {display:none}
  .resource-layout .browse-section {padding-top:4px}
  .resource-layout .browse-heading {margin-bottom:12px;align-items:center}
  .resource-layout .browse-heading h2 {font-size:28px}
  .resource-layout .browse-heading .eyebrow {display:none}
  .resource-layout .filter-panel {display:block;padding:14px}
  .resource-layout .filter-panel .search-field {margin-bottom:12px}
  .resource-layout .filter-panel .rl-filter-details {margin:0;background:#fcf8f1}
  .resource-layout .filter-panel .rl-filter-details>summary {min-height:48px;font-size:13px;padding:10px}
  .resource-layout .rl-filter-count {font-size:11px;display:inline-block;margin-left:4px;background:#dff2e7;border-radius:12px;padding:3px 6px;color:#24554a}
  .resource-layout .rl-filter-count[hidden] {display:none}
  .resource-layout .rl-filter-content {display:grid;gap:15px;padding:4px 10px 14px}
  .resource-layout .rl-filter-content .select-field label {font-size:12px}
  .resource-layout .rl-filter-content .egg-filter {margin:0;padding-top:14px}
  .resource-layout .rl-filter-content .egg-filter button {min-height:44px;font-size:12px}
  .resource-layout .rl-filter-content .conservation-filter-note {font-size:12px;line-height:1.6;margin:0}
  .resource-layout .results-heading {min-height:64px}
  .resource-layout .results-actions select {max-width:160px;min-height:44px}
  .resource-layout .results-actions .text-button {min-height:44px}
}

@media screen and (min-width:761px) {
  .resource-layout.guides-page .guides-hero {grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(28px,4.5vw,64px);align-items:center}
  .resource-layout.guides-page .guides-hero-art>.ck-scene--scratch {width:min(100%,440px);height:auto;margin-inline:auto}
  .resource-layout.guides-page .guides-hero-art>.ck-scene--scratch>svg {height:auto;aspect-ratio:350/210}
  .resource-layout.guides-page .guides-hero-art>.ck-scene--scratch>.ck-scene-visual {height:auto;aspect-ratio:4/3}
}
