/* Editorial area guides: a quiet directory and a mobile-first reading experience. */
.ag-hub,.ag-guide{--ag-ink:#092b50;--ag-teal:#346874;--ag-muted:#556772;--ag-line:#dce5e7;color:var(--ag-ink)}
.ag-hero{background:#f0f5f4;padding:44px 0 48px;border-bottom:1px solid var(--ag-line)}
.ag-hero h1{font-size:clamp(2.15rem,5.3vw,4.35rem);line-height:1.12;letter-spacing:-.035em;margin:12px 0 22px;max-width:940px;overflow-wrap:break-word}
.ag-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ag-teal);margin:0}
.ag-lead{font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.8;max-width:790px;color:#344954;margin:0}
.ag-subtitle{font-size:1.2rem;line-height:1.6;margin:0 0 20px;color:var(--ag-teal);max-width:650px}
.ag-intro-note,.ag-byline{font-size:.86rem;color:var(--ag-muted);margin:24px 0 0;line-height:1.7}
.ag-group-nav{display:flex;flex-wrap:wrap;gap:8px;padding:28px 0}
.ag-group-nav a{display:flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--ag-line);border-radius:24px;font-size:.9rem;font-weight:600;text-decoration:none;color:var(--ag-ink)}
.ag-group-nav a:hover{background:var(--ag-ink);border-color:var(--ag-ink);color:#fff}
.ag-orientation{padding:24px 0 28px;border-bottom:1px solid var(--ag-line);max-width:860px}
.ag-orientation h2{font-size:1.3rem;margin:0 0 10px}.ag-orientation p{line-height:1.85;margin:0;color:var(--ag-muted)}
.ag-region{padding:44px 0 0;scroll-margin-top:120px}.ag-region>h2,.ag-compare>h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 20px}
.ag-card-grid{display:grid;grid-template-columns:1fr;gap:14px}
.ag-card{position:relative;border:1px solid var(--ag-line);border-radius:16px;padding:24px;background:#fff;transition:border-color .2s,box-shadow .2s;min-width:0}
.ag-card:hover,.ag-card:focus-within{border-color:var(--ag-teal);box-shadow:0 6px 20px #1235440a}
.ag-card h3{font-size:1.25rem;line-height:1.45;margin:0 0 10px}.ag-card a{color:var(--ag-ink);text-decoration:none;display:flex;justify-content:space-between;gap:14px;min-height:32px}.ag-card a::after{content:"";position:absolute;inset:0;border-radius:16px}.ag-card a span{color:var(--ag-teal);font-size:1.25rem}.ag-card p{font-size:.95rem;line-height:1.7;color:var(--ag-muted);margin:0;max-width:36ch}
.ag-editorial-note{padding:34px 0 46px;margin:0;max-width:860px;font-size:.9rem;line-height:1.8;color:var(--ag-muted)}
.ag-hero-grid{display:grid;gap:28px}.ag-at-a-glance{background:#fff;border:1px solid var(--ag-line);border-radius:16px;padding:24px;align-self:start}.ag-at-a-glance h2{font-size:1.2rem;margin:0 0 18px}.ag-at-a-glance dl{margin:0}.ag-at-a-glance dl>div+div{border-top:1px solid var(--ag-line);padding-top:16px;margin-top:16px}.ag-at-a-glance dt{font-size:.78rem;font-weight:700;color:var(--ag-teal);margin:0 0 6px}.ag-at-a-glance dd{font-size:.97rem;line-height:1.65;margin:0}
.ag-reading-layout{display:grid;gap:0;padding-top:24px}.ag-contents{border-bottom:1px solid var(--ag-line);padding-bottom:20px;display:flex;flex-wrap:wrap;gap:4px 8px}.ag-contents p{width:100%;font-size:.8rem;font-weight:700;margin:0 0 8px;color:var(--ag-muted)}.ag-contents a{display:flex;align-items:center;min-height:44px;padding:8px 11px;border:1px solid var(--ag-line);border-radius:8px;line-height:1.45;font-size:.85rem;text-decoration:none;color:var(--ag-ink)}.ag-contents a:hover{background:#eef5f4}
.ag-body{min-width:0;max-width:800px}.ag-section{padding:36px 0;border-bottom:1px solid var(--ag-line);scroll-margin-top:120px}.ag-section h2{font-size:clamp(1.5rem,2.7vw,2rem);line-height:1.3;margin:0 0 20px}.ag-section p{font-size:1rem;line-height:1.9;color:#354b56;margin:0 0 18px}.ag-section p:last-child{margin-bottom:0}.ag-section h3{font-size:1.1rem;line-height:1.55;margin:0 0 7px;color:var(--ag-ink)}.ag-item+.ag-item{margin-top:24px}.ag-section .ag-section-note{font-size:.85rem;color:var(--ag-muted);line-height:1.8;margin-bottom:24px}.ag-dining .ag-item{border-inline-start:3px solid #b2cdd0;padding-inline-start:18px}.ag-day{counter-reset:day;display:grid;gap:22px}.ag-day .ag-item{position:relative;padding-inline-start:40px;margin:0}.ag-day .ag-item::before{counter-increment:day;content:counter(day,decimal-leading-zero);position:absolute;inset-inline-start:0;top:2px;font-size:.9rem;font-weight:700;color:var(--ag-teal)}
.ag-faq details{border-top:1px solid var(--ag-line)}.ag-faq summary{font-size:1rem;font-weight:600;cursor:pointer;line-height:1.7;padding:18px 4px;min-height:48px}.ag-faq details p{padding:0 4px 18px;font-size:.97rem}.ag-check-note{padding:24px;margin:28px 0;background:#f4f7f6;border-radius:12px}.ag-check-note h2{font-size:1rem;margin:0 0 10px}.ag-check-note p{font-size:.85rem;line-height:1.9;color:var(--ag-muted);margin:0}.ag-compare{padding-top:28px;padding-bottom:52px}
.ag-hub a:focus-visible,.ag-guide a:focus-visible,.ag-guide summary:focus-visible{outline:3px solid #347d89;outline-offset:4px}
html[dir=rtl] .ag-hero h1{letter-spacing:0;line-height:1.5;font-size:clamp(2rem,4.5vw,3.7rem)}html[dir=rtl] .ag-eyebrow{letter-spacing:0}html[dir=rtl] .ag-card a span{transform:scaleX(-1)}html[dir=rtl] .ag-day .ag-item::before{content:counter(day,arabic-indic)}
@media(min-width:640px){.ag-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-hero{padding:56px 0}.ag-compare .ag-card-grid{max-width:900px}}
@media(min-width:1000px){.ag-hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:64px}.ag-hub .ag-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ag-reading-layout{grid-template-columns:240px minmax(0,800px);gap:64px;padding-top:44px}.ag-contents{position:sticky;top:110px;align-self:start;display:block;border-bottom:0;padding:0}.ag-contents a{border:0;border-inline-start:2px solid var(--ag-line);border-radius:0;font-size:.88rem;padding:10px 16px;margin:2px 0}.ag-section:first-child{padding-top:0}.ag-section{padding:42px 0}.ag-region{padding-top:50px}}
@media(prefers-reduced-motion:reduce){.ag-card{transition:none}}
