/* xHOSTING Design System – alap (reset, tipográfia, fókusz, akadálymentesség, segédosztályok). Mobile-first. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--xh-font);font-size:var(--xh-fs-md);line-height:var(--xh-lh);color:var(--xh-fg);background:var(--xh-bg);-webkit-font-smoothing:antialiased;min-height:100vh}
img,picture,svg,video,canvas{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{margin:0 0 var(--xh-sp-3);line-height:var(--xh-lh-tight);font-weight:700;overflow-wrap:anywhere}
h1{font-size:var(--xh-fs-2xl)}h2{font-size:var(--xh-fs-xl)}h3{font-size:var(--xh-fs-lg)}h4{font-size:var(--xh-fs-md)}
p{margin:0 0 var(--xh-sp-3)}ul,ol{margin:0 0 var(--xh-sp-3);padding-left:1.25rem}
a{color:var(--xh-accent);text-decoration:underline;text-underline-offset:.15em}a:hover{text-decoration-thickness:2px}
code,pre,kbd{font-family:var(--xh-font-mono);font-size:.92em}
code{background:var(--xh-bg-sunken);padding:.1rem .35rem;border-radius:var(--xh-r-sm)}
pre{background:var(--xh-bg-sunken);padding:var(--xh-sp-3);border-radius:var(--xh-r-md);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
pre.xh-copy{user-select:all;border:1px solid var(--xh-border)}
hr{border:0;border-top:1px solid var(--xh-border);margin:var(--xh-sp-4) 0}
small,.xh-small{font-size:var(--xh-fs-sm)}
.xh-muted{color:var(--xh-fg-muted)}.xh-subtle{color:var(--xh-fg-subtle);font-size:var(--xh-fs-sm)}
/* fókusz: mindig látható, tokenből */
:focus-visible{outline:3px solid var(--xh-focus);outline-offset:2px;border-radius:var(--xh-r-sm)}
:focus:not(:focus-visible){outline:none}
/* akadálymentesség */
.xh-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.xh-skip{position:absolute;left:var(--xh-sp-3);top:-3rem;z-index:1000;background:var(--xh-accent);color:var(--xh-accent-fg);padding:var(--xh-sp-2) var(--xh-sp-3);border-radius:var(--xh-r-md);text-decoration:none}
.xh-skip:focus{top:var(--xh-sp-3)}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html:not([data-reduced-motion="true"]){scroll-behavior:smooth}
/* elrendezés-segédek */
.xh-container{width:100%;max-width:var(--xh-container);margin-inline:auto;padding-inline:var(--xh-sp-4)}
.xh-container--narrow{max-width:var(--xh-container-narrow)}
.xh-stack>*+*{margin-top:var(--xh-sp-4)}.xh-stack--sm>*+*{margin-top:var(--xh-sp-2)}
.xh-row{display:flex;flex-wrap:wrap;gap:var(--xh-sp-3);align-items:center}.xh-row--between{justify-content:space-between}.xh-row--end{justify-content:flex-end}
.xh-grid{display:grid;gap:var(--xh-sp-4);grid-template-columns:1fr}
@media (min-width:768px){.xh-grid--2{grid-template-columns:repeat(2,1fr)}.xh-grid--3{grid-template-columns:repeat(3,1fr)}.xh-grid--4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.xh-grid--4{grid-template-columns:repeat(4,1fr)}}
.xh-center{text-align:center}.xh-right{text-align:right}.xh-nowrap{white-space:nowrap}.xh-break{overflow-wrap:anywhere}
.xh-mt-0{margin-top:0}.xh-mb-0{margin-bottom:0}.xh-mt-4{margin-top:var(--xh-sp-4)}.xh-mb-4{margin-bottom:var(--xh-sp-4)}.xh-mt-6{margin-top:var(--xh-sp-6)}
.xh-hide-mobile{display:none}@media (min-width:768px){.xh-hide-mobile{display:initial}.xh-hide-desktop{display:none}}