/* Reference-led landing page; article styles remain in guides.css. */
.guides-directory{background:var(--appearance-raised,#f5faff)}.guides-directory>header{background:var(--appearance-surface,white)}.guides-directory .directory-hero{background:linear-gradient(90deg,var(--appearance-deep,#08366fea) 0%,var(--appearance-primary,#124b89b8) 43%,var(--appearance-wash,#07396715) 100%),url('/calendar-banner.webp') center 62%/cover;color:var(--appearance-inverse,#fff)}
.directory-hero>.container{padding-top:18px;padding-bottom:22px}.directory-hero .breadcrumb{color:var(--appearance-inverse,#fff);margin:0 0 14px;font-size:14px}.directory-hero .breadcrumb a{color:var(--appearance-inverse,white)}.directory-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:35px;align-items:center}.directory-hero h1{font-size:44px;line-height:1.15;margin:0 0 10px;letter-spacing:-1px}.directory-hero p{font-size:17px;line-height:1.55;margin:0 0 14px}.directory-hero blockquote{background:var(--appearance-deep,#06386b99);border:1px solid var(--appearance-border,#d1e8ff25);backdrop-filter:blur(5px);border-radius:8px;text-align:center;padding:22px 20px;margin:22px 0 0;font-size:22px;line-height:1.3}.directory-hero cite{display:block;font-size:13px;font-style:normal;margin-top:12px}
#guide-search-form{display:flex;align-items:center;background:var(--appearance-surface,#fff);border:1px solid var(--appearance-border,#c7dcfc);border-radius:7px;overflow:hidden;height:50px;max-width:650px}#guide-search-form>span{color:var(--blue);font-size:30px;line-height:1;margin:0 12px 4px 16px}#guide-search{border:0;min-width:0;flex:1;background:var(--appearance-surface,white);color:var(--navy);font-size:15px;padding:10px 0}#guide-search::placeholder{color:var(--appearance-muted,#536b99)}#guide-search-form button{align-self:stretch;border:0;background:var(--appearance-primary,var(--blue));color:var(--appearance-inverse,#fff);font-weight:600;padding:0 30px;font-size:14px}#guide-search-form:focus-within{outline:2px solid var(--appearance-border,#9ad0ff);outline-offset:3px}.popular-searches{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;margin-top:10px}.popular-searches a{color:var(--appearance-inverse,white);text-decoration:underline;text-underline-offset:2px}.popular-searches strong{font-weight:600}
.guide-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.directory-content{padding-top:25px;padding-bottom:36px}.directory-content h2{font-size:23px;line-height:1.3;margin:0 0 7px;letter-spacing:-.3px}.directory-content .section-intro{font-size:14px;color:var(--muted);margin:0 0 17px;line-height:1.5}.category-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.category-card{display:flex;flex-direction:column;padding:5px;border:1px solid var(--appearance-border,#dceafb);background:var(--appearance-surface,white);border-radius:9px;color:var(--navy);min-width:0;transition:border-color .15s,box-shadow .15s}.category-card:hover{border-color:var(--appearance-border,#7db2ff);box-shadow:0 4px 14px var(--appearance-shadow,#245a9210)}.category-image{height:110px;overflow:hidden;border-radius:6px}.category-image img{display:block;width:100%;height:100%;object-fit:cover}.category-copy{padding:12px 12px 18px;display:flex;flex:1;flex-direction:column;gap:8px}.category-copy h3{font-size:17px;line-height:1.3;margin:0}.category-copy p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 7px}.category-copy>span{font-size:14px;color:var(--blue);font-weight:600;margin-top:auto}
.time-photo img{object-position:85% center}.calendar-photo img{object-position:94% center}.weather-photo img{object-position:70% 30%}.air-photo img{object-position:center}.moon-photo{background:var(--appearance-deep,#052169) url('/sun-assets/night.webp') center/cover}.moon-photo img{object-fit:contain!important;padding:4px}.earth-photo img{object-position:left center}.weather-icon{background:linear-gradient(135deg,var(--appearance-raised,#e7f7ff),var(--appearance-raised,#c9e7ff))}.weather-icon img{object-fit:contain!important;padding:9px}
.directory-featured{margin-top:32px}.directory-featured>h2{margin-bottom:12px}.featured-layout{display:grid;grid-template-columns:2.1fr 1fr;gap:24px}.featured-guide-card{display:grid;grid-template-columns:36% minmax(0,1fr);gap:24px;border:1px solid var(--appearance-border,#dceafb);border-radius:9px;background:var(--appearance-surface,#fff);padding:8px}.featured-guide-card>img{width:100%;height:100%;min-height:205px;object-fit:cover;border-radius:6px}.featured-guide-card>div{padding:9px 12px 9px 0;align-self:center}.topic-badge{font-size:11px;line-height:1.4;text-transform:uppercase;padding:2px 5px;border-radius:4px;display:inline-block;font-weight:600}.topic-air{color:var(--appearance-green,#007335);background:var(--appearance-green-surface,#d7f5e3)}.topic-weather,.topic-time{color:var(--appearance-link,#0056c9);background:var(--appearance-raised,#e6f1ff)}.topic-sun,.topic-calendar{color:var(--appearance-orange,#a35b00);background:var(--appearance-gold-surface,#fff0d7)}.featured-guide-card h3{font-size:23px;line-height:1.25;margin:9px 0}.featured-guide-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 15px}.featured-guide-card .guide-button{font-size:14px;padding:10px 22px}.why-guides{border:1px solid var(--appearance-border,#d7e8fc);border-radius:8px;background:linear-gradient(135deg,var(--appearance-raised,#eef7ff),var(--appearance-raised,#f5faff));padding:20px}.why-guides h3{font-size:18px;line-height:1.4;margin:0 0 14px;display:flex;align-items:center;gap:9px}.why-guides h3 span{font-size:28px}.why-guides ul{list-style:none;padding:0;margin:0}.why-guides li{font-size:14px;color:var(--appearance-muted,#385582);display:flex;gap:9px;align-items:baseline;margin:9px 0}.why-guides li:before{content:'✓';color:var(--appearance-green,#268600);background:var(--appearance-green-surface,#e4f4d0);font-size:11px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;height:16px;width:16px;flex-shrink:0}
.directory-all{margin-top:30px;scroll-margin-top:18px}.guide-filters{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid var(--appearance-border,#dceafb);margin-bottom:13px}.guide-filters button{border:0;border-right:1px solid var(--appearance-border,#e6effa);background:transparent;color:var(--navy);padding:11px 16px;font-size:13px;white-space:nowrap}.guide-filters button[aria-pressed=true]{background:var(--appearance-primary,var(--blue));color:var(--appearance-inverse,white);border-radius:5px}.guide-filters button:hover:not([aria-pressed=true]){background:var(--appearance-raised,#e8f2ff)}.guide-results-status{font-size:13px;color:var(--muted);margin:8px 0 12px}.guide-results-status:empty{display:none}.directory-guide-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}.directory-guide-item{position:relative;display:flex;gap:14px;border:1px solid var(--appearance-border,#dceafb);background:var(--appearance-surface,#fff);border-radius:8px;padding:13px;color:var(--navy);min-width:0}.directory-guide-item[href]:hover{border-color:var(--appearance-border,#7db2ff);background:var(--appearance-surface,#fbfdff)}.guide-thumb{width:72px;min-height:87px;flex-shrink:0;overflow:hidden;border-radius:5px;align-self:stretch}.guide-thumb img{height:100%;width:100%;object-fit:cover;display:block}.guide-item-copy{min-width:0;flex:1}.item-labels{display:flex;flex-wrap:wrap;gap:3px 7px;align-items:center;margin-bottom:6px}.coming-soon{color:var(--appearance-muted,#657489);font-size:11px;white-space:nowrap}.guide-item-copy h3{font-size:14px;line-height:1.4;margin:0 0 6px}.guide-item-copy p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.guide-chevron{font-size:25px;color:var(--blue);align-self:center}.view-guides-action{text-align:center;margin:20px 0 0}.view-guides-action button,.guide-empty button{border:1px solid var(--appearance-border,#d3e7fd);background:var(--appearance-raised,#e9f4ff);color:var(--blue);border-radius:6px;padding:12px 36px;font-size:14px;font-weight:600;min-width:280px}.guide-empty{padding:25px;border:1px solid var(--line);background:var(--appearance-surface,white);border-radius:8px;text-align:center}.guide-empty h3{margin:0}.guide-empty p{color:var(--muted)}
.guides-account-banner{display:flex;gap:22px;align-items:center;padding:24px 28px;margin-top:34px;border:1px solid var(--appearance-border,#d4e8fb);border-radius:7px;background:linear-gradient(110deg,var(--appearance-raised,#e7f3ff),var(--appearance-raised,#edf7ff))}.account-banner-icon{display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;background:var(--appearance-raised,#dcefff);border-radius:50%;font-size:45px;color:var(--blue)}.guides-account-banner h2{font-size:22px;margin:0 0 8px}.guides-account-banner p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.account-banner-action{margin-left:auto;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.account-banner-action .guide-button{min-width:205px;font-size:14px}.account-banner-action>span{font-size:12px;color:var(--muted)}
@media(max-width:1050px){.directory-hero-grid{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.directory-hero h1{font-size:39px}.category-cards{gap:12px}.category-copy{padding:11px 9px 15px}.category-copy h3{font-size:16px}.featured-layout{gap:18px;grid-template-columns:2fr 1fr}.featured-guide-card{gap:17px}.featured-guide-card h3{font-size:21px}.why-guides{padding:16px}.directory-guide-list{gap:13px}.directory-guide-item{gap:10px;padding:11px}.guide-thumb{width:62px}.guide-filters button{padding:10px 12px;font-size:12px}}
@media(max-width:800px){.directory-hero-grid{grid-template-columns:minmax(0,1fr)}.directory-hero blockquote{display:none}.directory-hero h1{font-size:36px}.category-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-layout{grid-template-columns:1fr}.why-guides ul{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.directory-guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-account-banner{flex-wrap:wrap;padding:20px}.account-banner-action{margin-left:98px}.guides-account-banner>div:not(.account-banner-action){flex:1;min-width:200px}}
@media(max-width:520px){.directory-hero>.container{padding-top:15px;padding-bottom:20px}.directory-hero h1{font-size:32px}.directory-hero p{font-size:16px}.desktop-break{display:none}#guide-search-form button{padding:0 17px}#guide-search-form>span{margin-left:10px;margin-right:8px}.popular-searches{font-size:12px;gap:4px 7px}.directory-content{padding-top:22px}.category-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-image{height:95px}.category-copy{padding:9px 8px 13px}.category-copy p{font-size:13px}.featured-guide-card{grid-template-columns:1fr;padding:8px;gap:7px}.featured-guide-card>img{height:175px;min-height:0}.featured-guide-card>div{padding:10px 12px 15px}.why-guides ul{grid-template-columns:1fr}.directory-guide-list{grid-template-columns:1fr}.guide-thumb{width:70px}.guide-item-copy h3{font-size:15px}.guide-item-copy p{font-size:13px}.guide-filters{gap:5px;border-bottom:0}.guide-filters button{border:1px solid var(--appearance-border,#dceafb);border-radius:5px;font-size:12px;padding:9px 10px}.guide-filters button[aria-pressed=true]{border-color:var(--blue)}.directory-content h2{font-size:22px}.guides-account-banner{gap:14px}.account-banner-icon{width:52px;height:52px;font-size:32px}.guides-account-banner>div:not(.account-banner-action){min-width:160px}.account-banner-action{margin:3px 0 0;width:100%}.view-guides-action button{min-width:0;width:100%;max-width:320px}.guide-empty button{min-width:0}}
