/* Shared finishing layer: calm, legible, and consistent across the portal. */
:root{--ease-editorial:cubic-bezier(.22,.61,.36,1)}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(a,button,[tabindex]):focus-visible{outline:2px solid #b77a4b;outline-offset:4px;border-radius:2px}
.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:12px 16px;background:#f8f7f2;color:#173f35;border:1px solid rgba(23,63,53,.22);transform:translateY(-160%);transition:transform .22s var(--ease-editorial)}
.skip-link:focus{transform:translateY(0)}
:where(a,button){-webkit-tap-highlight-color:transparent}
:where(.doc-item,.quick-card,.rule-grid article,.latest-card){transition:background-color .28s var(--ease-editorial),border-color .28s var(--ease-editorial),transform .28s var(--ease-editorial),box-shadow .28s var(--ease-editorial)}
:where(.doc-item a,.text-link,.footer-links a,.nav a){transition:color .22s var(--ease-editorial),opacity .22s var(--ease-editorial)}
:where(.doc-item a,.text-link,.footer-links a,.nav a):hover{color:#a9683d}
.content{max-width:1240px}
.page-hero h1,.content h2{letter-spacing:-.035em}
.page-hero p,.content p{line-height:1.75}
.doc-item{min-height:116px}
.doc-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(27,48,39,.07)}
.doc-item:focus-within{border-color:rgba(183,122,75,.6)}
:where(.button,.quick-card,.doc-item a){touch-action:manipulation}
@media(max-width:720px){.page-hero{padding-top:52px;padding-bottom:39px}.content{padding-top:42px}.doc-item{min-height:0}.skip-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link,:where(a,button,[tabindex]),:where(.doc-item,.quick-card,.rule-grid article,.latest-card){transition:none!important}}

/* Shared browser details and a consistent mobile menu control. */
::selection{background:#c9d3c5;color:#243b31}
:root{accent-color:#607665;scrollbar-color:#aab5a7 #f3f1e9}
a{text-underline-offset:.22em;text-decoration-thickness:.07em}
.menu-toggle{width:42px;height:42px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.menu-toggle span{display:block;width:21px;height:1.5px;background:currentColor;transition:transform .22s var(--ease-editorial),opacity .16s ease;transform-origin:center}
.menu-toggle.open span:first-child{transform:translateY(6.5px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
.nav a[aria-current="page"]{color:var(--forest);font-weight:700}
@media(max-width:720px){.menu-toggle{display:flex}}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}