.vhm{--vhm-bg:#fff;--vhm-text:#191b21;--vhm-line:#c8cbd1;--vhm-soft:#f3f4f6;--vhm-red:#b62331;color:var(--vhm-text);background:var(--vhm-bg);max-width:100%;min-width:0;font-size:16px;line-height:1.85;overflow-wrap:anywhere}.vhm *{box-sizing:border-box}.vhm [hidden]{display:none!important}.vhm h1{font-size:clamp(25px,3vw,36px);line-height:1.45}.vhm h2{font-size:23px;line-height:1.5;margin:1.6em 0 .7em}.vhm h3{font-size:19px;line-height:1.55}.vhm p{margin:.7em 0}.vhm a{color:var(--vhm-red);text-decoration:underline;text-underline-offset:3px}.vhm :focus-visible{outline:3px solid #e06627;outline-offset:3px}.vhm-hero{border-bottom:3px solid var(--vhm-red);padding:18px 0 22px}.vhm-nav,.vhm-links{display:flex;gap:10px 18px;flex-wrap:wrap;margin:18px 0}.vhm-panel,.vhm-card{border:1px solid var(--vhm-line);padding:20px;border-radius:8px;background:var(--vhm-bg);margin:16px 0}.vhm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.vhm-card{margin:0}.vhm-card h2,.vhm-card h3{margin:0 0 8px}.vhm-note{padding:12px 16px;border-left:4px solid var(--vhm-red);background:var(--vhm-soft)}.vhm label{display:flex;flex-direction:column;gap:6px;font-weight:600;min-width:0}.vhm input,.vhm select,.vhm textarea,.vhm button{font:inherit;color:var(--vhm-text);background:var(--vhm-bg);border:1px solid var(--vhm-line);border-radius:5px;min-height:44px;max-width:100%;padding:8px 10px}.vhm input[type=checkbox]{width:22px;height:22px;min-height:22px;flex-shrink:0;accent-color:var(--vhm-red)}.vhm .vhm-check{flex-direction:row;align-items:center;font-weight:400;min-height:44px;gap:10px}.vhm button{cursor:pointer;border:1px solid var(--vhm-red);font-weight:600}.vhm button:hover{background:var(--vhm-soft)}.vhm button:disabled{opacity:.45;cursor:default}.vhm-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}.vhm-controls{padding:16px;background:var(--vhm-soft);border-radius:8px;margin:16px 0}.vhm-row{border:1px solid var(--vhm-line);border-radius:6px;background:var(--vhm-bg);margin:10px 0}.vhm-row summary{cursor:pointer;padding:15px;min-height:50px;font-weight:700}.vhm-row summary span{font-size:14px;font-weight:400;margin-left:12px}.vhm-detail{padding:0 18px 18px}.vhm-detail dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 12px}.vhm-detail dt{font-weight:700}.vhm-detail dd{margin:0}.vhm-pager{display:flex;gap:16px;align-items:center;justify-content:center;margin:20px 0}.vhm-table{max-width:100%;overflow-x:auto;margin:16px 0;overscroll-behavior-x:contain}.vhm table{border-collapse:collapse;width:100%;min-width:580px;background:var(--vhm-bg)}.vhm th,.vhm td{padding:12px;border:1px solid var(--vhm-line);text-align:left;vertical-align:top;font-size:15px;line-height:1.7;min-width:110px;color:var(--vhm-text);background:var(--vhm-bg)}.vhm th{background:var(--vhm-soft);font-weight:700}.vhm-toc{background:var(--vhm-soft);padding:16px;border-radius:8px}.vhm-toc ol{margin:0;padding-left:23px}.vhm section[id],.vhm details[id]{scroll-margin-top:100px}.vhm-step{border-top:1px solid var(--vhm-line);padding:15px 0}.vhm-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vhm-team select{width:100%}.vhm-team label{font-size:14px}.vhm-output{background:var(--vhm-soft);padding:16px;margin-top:14px;min-height:54px}.vhm-status{font-size:14px;color:var(--vhm-text)}.vhm small{font-size:14px}.vhm .vhm-error{color:#a51920}.vhm-footer{border-top:1px solid var(--vhm-line);margin-top:24px;padding-top:16px}.gamex-valheim-live #main_content{min-width:0}.gamex-valheim-live .c-postContent{max-width:100%}
html[data-theme=dark] .vhm,body[data-theme=dark] .vhm{--vhm-bg:#191b21;--vhm-text:#f0f1f3;--vhm-line:#505562;--vhm-soft:#252932;--vhm-red:#ff9eaa}
@media(max-width:600px){.vhm-panel{padding:14px}.vhm-detail{padding:0 12px 15px}.vhm-detail dl{grid-template-columns:1fr;gap:2px}.vhm-detail dd{margin-bottom:9px}.vhm-team{grid-template-columns:1fr}.vhm h2{font-size:21px}.vhm-nav{font-size:14px;gap:9px 14px}.vhm-row summary span{display:block;margin-left:0}}

/* Keep comparison row labels readable while scrolling on narrow screens. */
.vhm [data-compare-output] th[scope=row],.vhm [data-compare-output] thead th:first-child{min-width:135px;width:135px;position:sticky;left:0;z-index:1;white-space:nowrap;overflow-wrap:normal}.vhm [data-compare-output] thead th:first-child{z-index:2}

.vhm-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.vhm-grid label{border:1px solid var(--vhm-line);padding:10px;border-radius:5px;font-size:14px}.vhm-material{border-top:1px solid var(--vhm-line);padding:10px 0}.vhm-material label{max-width:240px}@media(max-width:800px){.vhm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.vhm[data-route=boons] table{min-width:0}.vhm[data-route=boons] th,.vhm[data-route=boons] td{min-width:0}

/* Compact quality tables fit small screens; multi-item comparisons keep horizontal scrolling. */
.vhm[data-route=equipment] table[data-cols="2"],.vhm[data-route=equipment] table[data-cols="3"]{min-width:0;table-layout:fixed}.vhm[data-route=equipment] table[data-cols="2"] th,.vhm[data-route=equipment] table[data-cols="2"] td,.vhm[data-route=equipment] table[data-cols="3"] th,.vhm[data-route=equipment] table[data-cols="3"] td{min-width:0}

@media(max-width:1040px){.vhm .vhm-nav a,.vhm .vhm-links a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:4px 2px}.vhm .vhm-toc a{display:block;min-height:44px;padding:6px 2px}}

@media(max-width:1040px){.gamex-valheim-live .vhm .vhm-nav>a{min-height:44px}}

@media(min-width:601px){.vhm-team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.vhm-team{grid-template-columns:repeat(4,minmax(0,1fr))}}

.vhm-catalog summary small{display:block;font-weight:400}.vhm .vhm-choices{margin:12px 0}.vhm .vhm-slot{border:1px solid var(--vhm-line);padding:14px;margin:12px 0;border-radius:6px}.vhm .vhm-note a{color:var(--vhm-red)}.vhm img{max-width:100%;height:auto}.vhm .vhm-hero-art{width:460px;border-radius:7px;margin-top:16px}.vhm .vhm-result-links{display:flex;flex-wrap:wrap;gap:12px}.vhm-output label{max-width:260px}.vhm .vhm-error{font-weight:600}.vhm [data-catalog-error] button{margin:8px 0}.vhm-progress{display:flex;gap:12px;flex-wrap:wrap}.vhm-progress span{border:1px solid var(--vhm-line);padding:6px 12px;border-radius:5px}.vhm-toc a{line-height:1.5}

/* Keep bilingual result names separate at every viewport width. */
.vhm .vhm-row>summary>small{display:block;font-size:14px;font-weight:400;line-height:1.65;margin-top:3px}

.vhm .vhm-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:14px 0}.vhm .vhm-stat-grid>div{border:1px solid var(--vhm-line);padding:8px 3px;text-align:center;background:var(--vhm-soft)}.vhm .vhm-stat-grid dt{font-size:12px;line-height:1.6}.vhm .vhm-stat-grid dd{margin:4px 0 0;font-size:14px}.vhm .vhm-recipes{padding-left:22px}.vhm .vhm-recipes>li{padding:12px 0;border-bottom:1px solid var(--vhm-line)}.vhm .vhm-recipes small{display:block}.vhm .vhm-table-wrap{scrollbar-width:auto}.vhm [data-compare-output] th:first-child{min-width:100px}.vhm [data-dlc-options]{display:grid;gap:6px}.vhm .vhm-rank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}.vhm .vhm-rank-grid label{padding:12px;border:1px solid var(--vhm-line)}.vhm .vhm-rank-grid select{width:100%}
.vhm .vhm-meal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.vhm .vhm-meal-grid label{padding:12px;border:1px solid var(--vhm-line);border-radius:5px}.vhm .vhm-rank-grid input{width:100%}.vhm .vhm-detail section{border-top:1px solid var(--vhm-line);margin-top:18px;padding-top:12px}

.vhm fieldset{min-width:0;margin:18px 0;padding:16px;border:1px solid var(--vhm-line)}.vhm legend{font-weight:700}.vhm .vhm-check-row{padding:12px 0;border-bottom:1px solid var(--vhm-line)}.vhm .vhm-check-row p{margin-left:32px}.vhm textarea{width:100%}.vhm dl dd a{display:inline-block;min-height:44px;padding:4px 0}.vhm .vhm-pager span{white-space:nowrap}.vhm .vhm-row small{white-space:normal}.vhm .vhm-controls button{margin-bottom:8px}.vhm [data-export],.vhm [data-import]{font-family:monospace;font-size:14px}.vhm [data-machine-output] td{min-width:140px}

/* Fit ordinary two-column tables within the reading column. */
.vhm table[data-cols="2"]{min-width:0}.vhm table[data-cols="2"] th,.vhm table[data-cols="2"] td{min-width:0}