/* Four pencil drawings provide equal, direct entry points to the existing guides. */
.entry-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:76px;padding-block:46px 30px}
.entry-welcome .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.entry-hero h1{font-size:clamp(39px,4.1vw,55px);margin:0;line-height:1.08}
.entry-introduction{padding-top:16px;max-width:510px}
.entry-introduction .hero-description{font-size:20px;line-height:1.55;max-width:none;margin-bottom:13px}
.entry-introduction .hero-detail{max-width:none;font-size:13px;line-height:1.8;margin-bottom:23px}
.entry-introduction .hero-actions{flex-direction:row;align-items:center;gap:24px}
.entry-introduction .call-detail{font-size:11px;margin:15px 0 0}
.entry-explorer{padding-block:34px 62px;scroll-margin-top:110px}
.entry-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-top:26px;border-top:1px solid var(--line);margin-bottom:14px}
.entry-heading .eyebrow{margin-bottom:9px}
.entry-heading h2{font-size:29px;letter-spacing:-.035em;margin:0}
.entry-heading>p{font-size:12px;line-height:1.7;margin:0;max-width:280px}
.entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.entry-card{display:flex;flex-direction:column;min-width:0;padding:0 4px 18px;border-bottom:2px solid var(--line);text-align:center;position:relative;transition:border-color .18s ease}
.entry-card:hover,.entry-card:focus-visible{color:var(--ink);text-decoration:none;border-color:var(--system-color)}
.entry-card[aria-expanded=true]{border-color:var(--system-color)}
.entry-art{display:grid;place-items:center;aspect-ratio:1 / 1;isolation:isolate;background:var(--paper);overflow:hidden}
.entry-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s ease}
.entry-card:hover .entry-art img{transform:scale(1.025)}
.entry-card-caption{display:block;margin-top:4px}
.entry-card-caption>strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.04em;line-height:1.2}
.entry-card-caption>span{display:flex;justify-content:center;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin-top:9px}
.entry-card-caption i{font-style:normal;color:var(--system-color);font-size:15px}
.entry-panel{margin-top:30px;padding:25px 32px 32px;background:#e9ede3;border:1px solid #d9dfd2;border-top:3px solid var(--system-color,var(--ink));border-radius:4px;scroll-margin-top:120px}
.entry-panel[hidden],.entry-route[hidden]{display:none}
.entry-panel-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.entry-panel-top .eyebrow{color:#596b54;margin:0}
.entry-close{border:0;background:none;color:var(--ink);font-size:12px;display:flex;align-items:center;gap:10px;min-height:36px;padding:4px 0 4px 12px}
.entry-close span{font-size:23px;line-height:1;font-weight:400}
.entry-close:hover{text-decoration:underline;text-underline-offset:4px}
.entry-route{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}
.entry-route-intro{max-width:390px}
.entry-route h3{font-size:35px;font-weight:500;line-height:1.14;margin:0 0 18px}
.entry-route-intro p{font-size:14px;line-height:1.85;margin:0;color:#52614f}
.entry-learning-links{list-style:none;counter-reset:entry-guide;padding:0;margin:0}
.entry-learning-links li{counter-increment:entry-guide;border-top:1px solid #cdd6c5}
.entry-learning-links li:first-child{border-top:0}
.entry-learning-links a{display:flex;align-items:flex-start;gap:12px;padding:13px 0;font-size:13px;line-height:1.6}
.entry-learning-links li:first-child a{padding-top:0}
.entry-learning-links a:before{content:counter(entry-guide,decimal-leading-zero);font-family:var(--serif);font-size:11px;color:#62745c;min-width:19px;padding-top:2px}
.entry-learning-links a>span{margin-left:auto;color:var(--system-color,var(--ink))}
.entry-route-help{border-top:1px solid #cdd6c5;margin-top:10px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.entry-route-help>span{font-size:11px;color:#52614f}
.entry-route-help .button{font-size:12px;padding:13px 18px;min-width:190px}
@media(min-width:1350px){.entry-art{aspect-ratio:1.08 / 1}.entry-art img{max-height:275px}.entry-explorer{padding-top:27px}}
@media(max-width:1000px){.entry-hero{gap:38px;padding-top:40px}.entry-hero h1{font-size:42px}.entry-introduction .hero-description{font-size:18px}.entry-introduction .hero-actions{gap:17px;flex-wrap:wrap}.entry-introduction .button{font-size:11px;padding:13px 16px}.entry-introduction .text-link{font-size:11px}.entry-grid{gap:15px}.entry-card-caption>strong{font-size:24px}.entry-card-caption>span{font-size:10px;gap:7px}.entry-heading h2{font-size:27px}.entry-heading>p{font-size:11px}.entry-route{gap:35px}.entry-route h3{font-size:31px}.entry-panel{padding-inline:25px}}
@media(max-width:680px){.entry-hero{grid-template-columns:1fr;gap:23px;padding-block:31px 22px}.entry-hero h1{font-size:clamp(36px,8.8vw,49px)}.entry-introduction{padding-top:0;max-width:none}.entry-introduction .hero-description{font-size:17px;line-height:1.6}.entry-introduction .hero-detail{font-size:12px;margin-bottom:19px}.entry-introduction .hero-actions{gap:21px}.entry-introduction .button{font-size:11px;padding:14px 16px}.entry-introduction .call-detail{font-size:10px}.entry-explorer{padding-block:14px 38px;scroll-margin-top:90px}.entry-heading{display:block;padding-top:24px;margin-bottom:10px}.entry-heading h2{font-size:29px;max-width:330px}.entry-heading>p{font-size:12px;margin-top:12px;max-width:none}.entry-heading>p br{display:none}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.entry-card{padding-inline:0;padding-bottom:15px}.entry-card-caption{margin-top:1px}.entry-card-caption>strong{font-size:24px}.entry-card-caption>span{font-size:10px;gap:6px;margin-top:7px}.entry-panel{margin-top:24px;padding:18px 20px 25px;scroll-margin-top:91px}.entry-panel-top{margin-bottom:14px}.entry-route{grid-template-columns:1fr;gap:22px}.entry-route h3{font-size:30px;margin-bottom:12px}.entry-route-intro p{font-size:13px;line-height:1.8}.entry-route-intro{max-width:none}.entry-learning-links a{font-size:12px;padding-block:14px}.entry-route-help{gap:12px;padding-top:18px}.entry-route-help .button{font-size:12px;min-width:100%;padding:14px 16px}.entry-panel-top .eyebrow{font-size:9px}}
@media(max-width:370px){.entry-hero h1{font-size:35px}.entry-introduction .hero-actions{gap:15px}.entry-introduction .button{padding-inline:12px;font-size:10px}.entry-introduction .text-link{font-size:10px}.entry-grid{gap:21px 13px}.entry-card-caption>strong{font-size:22px}.entry-card-caption>span{font-size:9px}.entry-card-caption i{font-size:13px}.entry-panel{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.entry-card,.entry-art img{transition:none}.entry-card:hover .entry-art img{transform:none}}