/* AutoAtlas R4.9.9 expert content + archive + rail-safe UI */
:where(main,section,article,aside,nav,header,footer,.wrap,.content-card,.entry-card,.related-card,.footer-ecosystem-card){min-width:0}
:where(h1,h2,h3,h4,p,li,dt,dd,a,strong,span){overflow-wrap:break-word;word-break:normal}
.directory-grid{align-items:stretch}
.entry-card,.related-card,.search-card,.footer-ecosystem-card,.technical-source-link{position:relative;isolation:isolate;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease}
.entry-card{display:flex;flex-direction:column;gap:.65rem;height:100%;padding:1.15rem 1.2rem}
.entry-card h3{margin:0;line-height:1.24;letter-spacing:-.015em}
.entry-card p{margin:0;line-height:1.62;flex:1}
.entry-card>div{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.2rem}
.entry-card em{font-style:normal;font-weight:700}
.entry-card b{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;transition:transform .22s ease,background-color .22s ease}
.entry-card:hover,.entry-card:focus-visible,.related-card:hover,.related-card:focus-visible,.search-card:hover,.search-card:focus-visible{transform:translateY(-2px);border-color:rgba(93,210,255,.52);box-shadow:0 16px 42px rgba(0,0,0,.2)}
.entry-card:hover b,.entry-card:focus-visible b{transform:translateX(3px);background:rgba(93,210,255,.12)}
.entry-card:focus-visible,.related-card:focus-visible,.search-card:focus-visible,.footer-ecosystem-card:focus-visible,.technical-source-link:focus-visible{outline:2px solid rgba(105,220,255,.9);outline-offset:3px}
.pagination{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;margin:1.5rem auto 0}
.pagination a,.pagination .current,.pagination span{min-width:2.65rem;min-height:2.65rem;display:grid;place-items:center;border-radius:.75rem;line-height:1;text-decoration:none}
.pagination a{transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
.pagination a:hover,.pagination a:focus-visible{transform:translateY(-1px)}
.r498-spec-card>h2,.r498-official-examples>h2{margin-top:.35rem}
.r498-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.r498-spec-grid>div{display:flex;flex-direction:column;gap:.28rem;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:rgba(255,255,255,.025)}
.r498-spec-grid span{font-size:.78rem;letter-spacing:.055em;text-transform:uppercase;opacity:.68}
.r498-spec-grid strong{font-size:1rem;line-height:1.35}
.r498-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.r498-example-grid article{padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(0,0,0,.12)}
.r498-example-grid h3{margin:0 0 .85rem;line-height:1.28}
.r498-example-grid dl{display:grid;gap:.5rem;margin:0 0 1rem}
.r498-example-grid dl>div{display:grid;grid-template-columns:minmax(7rem,.42fr) minmax(0,1fr);gap:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.065)}
.r498-example-grid dt{opacity:.68}.r498-example-grid dd{margin:0;font-weight:650}
.technical-source-link{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .8rem;border-radius:.75rem;border:1px solid rgba(93,210,255,.18)}
.technical-source-link:hover{border-color:rgba(93,210,255,.5);background:rgba(93,210,255,.08)}
.archive-fallback{grid-column:1/-1}
.footer-ecosystem-grid{gap:1rem!important}.footer-ecosystem-card{gap:.38rem!important;padding:1rem 1.1rem!important}.footer-ecosystem-card b,.footer-ecosystem-card span{display:block;line-height:1.45}.footer-ecosystem-card i{margin-left:auto}
@media (min-width:1280px){body{--ody-rail-safe:clamp(18px,2vw,34px)}.site-header,.site-footer,.floating-dock{contain:layout style}.wrap{max-width:min(var(--wrap,1180px),calc(100vw - (var(--ody-rail-safe) * 2)))}}
@media (max-width:760px){.r498-spec-grid,.r498-example-grid{grid-template-columns:1fr}.r498-example-grid dl>div{grid-template-columns:1fr;gap:.16rem}.entry-card{padding:1rem}.pagination a,.pagination .current,.pagination span{min-width:2.75rem;min-height:2.75rem}}
@media (prefers-reduced-motion:reduce){.entry-card,.related-card,.search-card,.footer-ecosystem-card,.technical-source-link,.pagination a,.entry-card b{transition:none!important}}
