.context-help-field{position:relative;min-width:0;max-width:100%}
.context-help-field>label{display:block}
.context-help-field>label.field>span:first-child{padding-inline-end:34px;min-height:27px}
.context-help-field>label.vtm-stat-row{display:flex;padding-inline-end:34px;min-height:30px}
.context-help-field>label.checkbox-line{display:flex;padding-inline-end:34px}
.context-help-field>label.lock-label{padding-inline-end:34px}
.context-help-field>label.bs-attribute>b:first-child,.attribute-choice .context-help-field>label>span:first-child{display:block;padding-inline-end:22px}
.attribute-choice>.context-help-field>label{height:100%}
.counter-grid .context-help-field>label{padding-inline-end:32px}
.play-counters .context-help-field>label{display:grid}
.play-counters .context-help-field>label>span{padding-inline-end:28px}
.bs-state-grid .context-help-field>label{padding-inline-end:30px}
.context-help-button{display:inline-grid;place-items:center;flex-shrink:0;width:27px;height:27px;min-width:27px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--green);font-size:13px;font-weight:700;line-height:1;vertical-align:middle;box-shadow:0 1px 3px #00000008}
.context-help-button:hover{background:var(--mint);border-color:var(--green)}
.context-help-field>.context-help-button{position:absolute;inset-inline-end:0;inset-block-start:0}
.context-help-field:has(>.bs-attribute)>.context-help-button,.attribute-choice .context-help-field>.context-help-button{inset-block-start:10px;inset-inline-end:8px}
.context-help-inline{display:flex;align-items:center;gap:5px;min-width:0}
.context-help-inline>.control{min-width:0;flex:1}
.trait-row:has(.context-help-inline){grid-template-columns:minmax(0,1fr) 104px 35px}
.context-help-selection{margin:-8px 0 18px;padding:10px 12px;border-inline-start:2px solid var(--green);border-radius:0 8px 8px 0;background:var(--soft);color:var(--muted);font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.context-help-button[hidden],.context-help-selection[hidden],.lore-card[hidden],.lore-empty[hidden]{display:none!important}
.context-help-global{position:fixed;z-index:35;inset-inline-end:22px;inset-block-end:20px;display:flex;align-items:center;gap:8px;padding:9px 14px 9px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);box-shadow:0 4px 18px #00000016;font-size:12px;font-weight:600}
.context-help-global>span{display:grid;place-items:center;width:23px;height:23px;background:var(--mint);border-radius:50%;color:var(--green);font-weight:750}
.context-help-global:hover{text-decoration:none;border-color:var(--green)}
.context-help-dialog{position:fixed;inset:20px 20px 20px auto;width:min(520px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:0;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 18px 70px #00000033;scrollbar-gutter:stable}
.context-help-dialog::backdrop{background:#10191580;backdrop-filter:blur(3px)}
.context-help-dialog-inner{display:flex;flex-direction:column;min-height:100%;padding:26px}
.context-help-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.context-help-header .eyebrow{font-size:9px;margin-bottom:9px}
.context-help-header h2{font-size:25px;line-height:1.2;margin:0;overflow-wrap:anywhere}
.context-help-header h2:focus{outline:none}
.context-help-close{flex-shrink:0;width:36px;height:36px;margin:-8px -8px 0 0;border:1px solid var(--line);border-radius:50%;background:var(--soft);color:var(--ink);font-size:25px;line-height:1}
.context-help-close:hover{border-color:var(--green)}
.context-help-body{padding:22px 0;font-size:14px;overflow-wrap:anywhere}
.context-help-body>p:last-child{margin-bottom:0}
.context-help-body>.lore-summary{font-size:16px;line-height:1.65}
.context-help-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:12px}
.context-help-footer>span{font-size:10px;color:var(--muted);white-space:nowrap}
.lore-index-heading{max-width:790px}
.lore-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.lore-search{max-width:560px;flex:1}
.lore-toolbar>.text-link{font-size:12px;white-space:nowrap}
.lore-kind-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.lore-kind-filter{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);padding:7px 13px;font-size:12px}
.lore-kind-filter>span{font-size:10px;opacity:.8}
.lore-kind-filter:hover,.lore-kind-filter.selected{border-color:var(--green);color:var(--green);background:var(--mint)}
.lore-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lore-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);transition:border-color .15s,transform .15s}
.lore-card:hover{text-decoration:none;border-color:var(--green);transform:translateY(-2px)}
.lore-card>.eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:16px}
.lore-card h2{font-size:21px;line-height:1.25;overflow-wrap:anywhere}
.lore-card p{color:var(--muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.lore-card>.text-link{margin-top:auto;padding-top:12px;font-size:11px;color:var(--green)}
.lore-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:start}
.lore-article{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-wrap:anywhere}
.lore-summary{font-size:19px;line-height:1.75;margin-bottom:26px}
.lore-sections{margin:0}
.lore-sections>div{padding:20px 0;border-top:1px solid var(--line)}
.lore-sections dt{font-size:11px;letter-spacing:.04em;color:var(--green);font-weight:750;text-transform:uppercase;margin-bottom:10px}
.lore-sections dd{margin:0;font-size:15px;line-height:1.8}
.context-help-body .lore-sections>div{padding:15px 0}
.context-help-body .lore-sections dd{font-size:13px}
.lore-article-aside{position:sticky;top:calc(var(--header) + 35px);display:flex;flex-direction:column;gap:14px;padding:18px;border-inline-start:2px solid var(--line);font-size:12px}
.lore-article-aside .eyebrow{margin:0;font-size:9px}
.lore-sources{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.lore-sources summary{cursor:pointer;color:var(--green)}
.lore-sources li{margin:8px 0;overflow-wrap:anywhere}
.lore-neighbours{display:flex;justify-content:space-between;gap:24px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line);font-size:13px}
.lore-neighbours>a{max-width:48%}
.lore-neighbours>a:last-child{text-align:end}
.lore-neighbours small{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}
@media(max-width:1150px){.lore-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lore-article-layout{grid-template-columns:minmax(0,1fr) 180px;gap:18px}.lore-article{padding:25px}}
@media(max-width:750px){.lore-article-layout{display:flex;flex-direction:column}.lore-article-aside{position:static;order:-1;flex-direction:row;flex-wrap:wrap;width:100%;padding:12px 0;border-inline-start:0;border-bottom:1px solid var(--line);gap:9px 18px}.lore-article-aside .eyebrow{width:100%}.lore-article{width:100%}.context-help-dialog{inset:auto 0 0;width:100%;max-height:88dvh;border-radius:20px 20px 0 0;border-bottom:0}.context-help-dialog-inner{padding:23px}.context-help-global{inset-inline-end:14px;inset-block-end:max(12px,env(safe-area-inset-bottom));font-size:11px;padding:7px 11px 7px 7px}.context-help-dialog-inner{padding-bottom:max(23px,env(safe-area-inset-bottom))}}
@media(max-width:520px){.lore-card-grid{grid-template-columns:1fr;gap:12px}.lore-card{padding:21px}.lore-toolbar{align-items:stretch;flex-direction:column;gap:10px}.lore-kind-filters{gap:6px}.lore-kind-filter{padding:6px 10px;font-size:11px}.lore-summary{font-size:17px}.lore-article{padding:21px}.lore-sections dd{font-size:14px}.context-help-dialog-inner{padding-inline:20px}.context-help-header h2{font-size:23px}.trait-row:has(.context-help-inline){grid-template-columns:minmax(0,1fr) 95px 30px;gap:5px}.context-help-inline{gap:3px}}
@media(prefers-reduced-motion:reduce){.lore-card{transition:none}.lore-card:hover{transform:none}}
@media print{.context-help-button,.context-help-selection,.context-help-global,.context-help-dialog,.lore-toolbar,.lore-kind-filters,.lore-article-aside,.lore-neighbours{display:none!important}.context-help-field>label.field>span:first-child,.context-help-field>label.vtm-stat-row,.context-help-field>label.checkbox-line,.counter-grid .context-help-field>label{padding-inline-end:0}.lore-article-layout{display:block}.lore-article{border:0;padding:0}.lore-sections>div{break-inside:avoid}.lore-card-grid{grid-template-columns:repeat(2,1fr)}.lore-card{break-inside:avoid;box-shadow:none}}

.sheet-edit-fields>.context-help-field{min-width:0}
.sheet-edit-fields>.context-help-field:has(.sheet-edit-field input[type=text]),.sheet-edit-fields>.context-help-field:has(select),.sheet-edit-fields>.context-help-field:has(.sheet-edit-wide),.sheet-edit-fields>.context-help-field:has(.sheet-edit-check){grid-column:1/-1}
.sheet-edit-fields>.context-help-field>label>span:first-child{display:block;padding-inline-end:31px;min-height:28px}
@media(min-width:601px) and (max-width:1100px){.sheet-edit-fields>.context-help-field:has(.sheet-edit-field input[type=text]),.sheet-edit-fields>.context-help-field:has(select){grid-column:auto}.sheet-edit-fields>.context-help-field:has(.sheet-edit-wide){grid-column:1/-1}}
