/* The domain stylesheet supplies typography, theme and shared controls. */
.page-odnosa { line-height: 1.5; }
.page-odnosa .ct { width: min(54rem, calc(100% - 1rem)); }
.odn-header-inner { position: relative; }
.odn-header-inner .page-header-action { position: absolute; left: 0; }
.page-odnosa .card, .page-odnosa .q {
    border: 1px solid var(--app-border); border-radius: 1rem;
    padding: clamp(.85rem, 3vw, 1.4rem); margin: .75rem 0;
    background: var(--app-surface); box-shadow: var(--app-shadow);
}
.page-odnosa .card { overflow-x: auto; }
.page-odnosa .h, .page-odnosa .qtext, .page-odnosa .subqtext { font-weight: 700; margin-bottom: .65rem; }
.page-odnosa .h { color: var(--app-accent); }
.page-odnosa .meta, .page-odnosa .hint { color: var(--app-text-muted); font-size: .9em; }
.page-odnosa .error { color: #b00020; font-weight: 700; }
html[data-theme="dark"] .page-odnosa .error { color: #ff9aa9; }
.page-odnosa .row, .page-odnosa .nav { display: flex; gap: .7rem; flex-wrap: wrap; align-items: flex-end; }
.page-odnosa .nav { justify-content: space-between; margin-top: 1rem; }
.page-odnosa .nav.pref19-menu { display: flex; flex-direction: column; align-items: stretch; gap: .7rem; }
.page-odnosa .pref19-menu > form { display: block; width: 100%; margin: 0; }
.page-odnosa .pref19-menu > .btn, .page-odnosa .pref19-menu > form > .btn { box-sizing: border-box; width: 100%; text-align: center; white-space: normal; }
.page-odnosa .form-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.25rem; }
.page-odnosa .field { display: flex; flex: 1 1 12rem; min-width: 0; flex-direction: column; gap: .4rem; }
.page-odnosa .inp, .page-odnosa select, .page-odnosa input[type="text"] {
    box-sizing: border-box; max-width: 100%; padding: .55rem .65rem;
    border: 1px solid var(--app-border); border-radius: .5rem;
    font: inherit; background: var(--app-surface-muted); color: var(--app-text);
}
.page-odnosa .btn, .page-odnosa .pbtn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: .4rem .8rem; min-height: 2rem; border-radius: 999px;
    border: 1px solid var(--app-border); background: var(--app-surface-muted);
    color: var(--app-text); cursor: pointer; font: inherit; text-decoration: none;
}
.page-odnosa .btn:hover, .page-odnosa .pbtn:hover { background: color-mix(in srgb, var(--app-accent) 10%, var(--app-surface)); }
.page-odnosa :focus-visible { outline: 2px solid var(--app-accent); outline-offset: 2px; }
.page-odnosa .pbtn[aria-current="page"] { background: var(--app-accent); color: var(--app-accent-contrast); }
.page-odnosa .pbtn[disabled] { opacity: .45; cursor: not-allowed; }
.page-odnosa .opts, .page-odnosa .sublist { display: flex; flex-direction: column; gap: .5rem; }
.page-odnosa .opt { display: flex; gap: .65rem; align-items: flex-start; }
.page-odnosa .opt > span { min-width: 0; }
.page-odnosa input[type="radio"], .page-odnosa input[type="checkbox"] { accent-color: var(--app-accent); flex-shrink: 0; margin-top: .25rem; }
.page-odnosa .subq { border: 1px dashed var(--app-border); border-radius: .65rem; padding: .7rem; }
.page-odnosa .pager { display: flex; gap: .4rem; flex-wrap: wrap; margin: .7rem 0; }
.page-odnosa .missing { outline: 3px solid #b0002059; border-radius: .65rem; padding: .4rem; }
.page-odnosa table { width: 100%; border-collapse: collapse; margin: .7rem 0; }
.page-odnosa th, .page-odnosa td { padding: .5rem .65rem; border-bottom: 1px solid var(--app-border); vertical-align: top; overflow-wrap: anywhere; }
.page-odnosa th { text-align: left; font-weight: 700; }
.page-odnosa .cmp-table { table-layout: fixed; }
.page-odnosa .cmp-table td:nth-child(2), .page-odnosa .cmp-table td:nth-child(3) { white-space: normal !important; }
.page-odnosa .pill, .page-odnosa .badge { display: inline-block; padding: .2rem .5rem; border: 1px solid var(--app-border); border-radius: 999px; font-size: .85em; }
.page-odnosa .grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.page-odnosa .diff { font-weight: 700; white-space: nowrap; }
.page-odnosa .dmiss { opacity: .6; }
.page-odnosa .chkrow { display: flex; gap: .9rem; flex-wrap: wrap; align-items: center; }
.page-odnosa .chkrow label { display: flex; gap: .5rem; align-items: center; }
.page-odnosa .sticky-controls { position: sticky; top: 4rem; z-index: 10; background: var(--app-surface); }
.page-odnosa pre { overflow: auto; padding: .7rem; border: 1px solid var(--app-border); background: var(--app-surface-muted); }
@media (max-width: 700px) { .page-odnosa .grid { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .page-odnosa .nav { flex-direction: column; align-items: stretch; } }
@media (min-width: 981px) { .page-odnosa .sticky-controls { position: static; } }

.page-odnosa .credential { display: block; width: 100%; margin: .5rem 0; font-family: monospace; }
.page-odnosa input[type="email"], .page-odnosa input[type="password"] { box-sizing: border-box; width: 100%; padding: .55rem; border: 1px solid var(--app-border); border-radius: .5rem; color: var(--app-text); background: var(--app-surface-muted); font: inherit; }
.page-odnosa .privacy-text h1 { font-size: 1.4rem; }
.page-odnosa .privacy-text h2 { font-size: 1.1rem; color: var(--app-accent); }
.page-odnosa #consent-form .opt { margin: .8rem 0; }
.page-odnosa .result-qr-image { display: block; width: 280px; max-width: 100%; height: auto; background: white; }

.page-odnosa textarea { box-sizing: border-box; display: block; width: 100%; max-width: 100%; resize: vertical; min-height: 8rem; padding: .7rem; border: 1px solid var(--app-border); border-radius: .5rem; background: var(--app-surface-muted); color: var(--app-text); font: inherit; overflow-wrap: anywhere; }
.page-odnosa .answer-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.page-odnosa .table-scroll { max-width: 100%; overflow-x: auto; }
.page-odnosa .cmp-table { min-width: 38rem; }
.page-odnosa .capacity-row { background: color-mix(in srgb, var(--app-accent) 5%, var(--app-surface)); }
.page-odnosa .capacity-row td { border-color: color-mix(in srgb, var(--app-accent) 20%, var(--app-border)); }
.page-odnosa .domain-block { scroll-margin-top: 5rem; }
.page-odnosa [hidden] { display: none !important; }
.page-odnosa .filter-controls { margin-top: 1rem; }
.page-odnosa fieldset { border: 1px solid var(--app-border); border-radius: .6rem; margin: 1rem 0; }
.page-odnosa .legacy-question { font-size: .9em; font-weight: normal; margin-top: .4rem; }

.reset-form { display: inline-flex; margin: 0; }

/* ODN-011: consistent forms and touch-friendly mobile layout. */
.page-odnosa *, .page-odnosa *::before, .page-odnosa *::after { box-sizing: border-box; }
.page-odnosa .ct { max-width: 100%; }
.page-odnosa .field input, .page-odnosa .field select { width: 100%; min-width: 0; }
.page-odnosa .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.page-odnosa .credential-form, .page-odnosa #manage-form { display: grid; gap: 1rem; }
.page-odnosa .btn, .page-odnosa .page-control-button { min-height: 44px; white-space: normal; text-align: center; }
.page-odnosa .survey-start-form { display: flex; margin: 0; }
.page-odnosa .survey-start-form .btn { width: 100%; }
.page-odnosa h1 { font-size: clamp(1.35rem, 5vw, 1.85rem); line-height: 1.2; }
.page-odnosa h2 { font-size: clamp(1.1rem, 4vw, 1.4rem); line-height: 1.3; }
.page-odnosa .card, .page-odnosa .q, .page-odnosa .field, .page-odnosa .result-group { min-width: 0; }
.page-odnosa .card { overflow-wrap: anywhere; }
.page-odnosa .odn-footer-links { margin: 1rem auto; display: flex; justify-content: center; }
.page-odnosa #edit-form > .opt { margin: 1rem 0; }
@media (max-width: 700px) {
  .page-odnosa .grid { grid-template-columns: minmax(0, 1fr); }
  .page-odnosa .row .field { flex-basis: 100%; }
  .page-odnosa input, .page-odnosa select, .page-odnosa textarea { font-size: max(16px, 1em); }
  .page-odnosa .sticky-controls { position: static; }
}
@media (max-width: 520px) {
  .page-odnosa .odn-header-inner { display: flex; gap: .5rem; align-items: center; }
  .page-odnosa .odn-header-inner .page-header-action { position: static; flex-shrink: 0; }
  .page-odnosa .app-brand { min-width: 0; flex: 1; }
  .page-odnosa .opts > .btn { width: 100%; }
  .page-odnosa .nav > .btn, .page-odnosa .form-actions > .btn, .page-odnosa .credential-form > .btn { width: 100%; }
  .page-odnosa fieldset { min-width: 0; padding: .75rem; }
  .page-odnosa .page-control-group { flex-wrap: wrap; }
}

@media (max-width: 700px) {
  .page-odnosa .cmp-table { min-width: 0; display: block; }
  .page-odnosa .cmp-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .page-odnosa .cmp-table tbody { display: block; }
  .page-odnosa .cmp-table tr { display: grid; grid-template-columns: minmax(0, 1fr); border: 1px solid var(--app-border); border-radius: .65rem; margin: .75rem 0; overflow: hidden; }
  .page-odnosa .cmp-table td { display: block; width: auto; min-width: 0; padding: .7rem; }
  .page-odnosa .cmp-table td[data-label]::before { content: attr(data-label); display: block; font-size: .85em; font-weight: 700; color: var(--app-text-muted); margin-bottom: .25rem; }
  .page-odnosa .cmp-table td:last-child { border-bottom: 0; }
}
/* Personal emphasis reflects the user's choice, never severity or diagnosis. */
.page-odnosa .domain-summary { border-top: 1px solid var(--app-border); padding-top: .5rem; margin-top: .8rem; }
.page-odnosa .basis-note { border-left: 3px solid var(--app-accent); padding-left: .65rem; }
.page-odnosa .personally-important { outline: 2px solid var(--app-accent); outline-offset: -2px; }
.page-odnosa .personalization { margin-top: .7rem; }
.page-odnosa .personalization .row { margin-top: .5rem; }
.page-odnosa .result-row { scroll-margin-top: 5rem; }
.page-odnosa #personal-review article { border: 1px solid var(--app-border); padding: .75rem; border-radius: .5rem; }

/* ODN-022: native, accessible area cards; no filter controls or script needed. */
.page-odnosa .comparison-form { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:.85rem; align-items:end; }
.page-odnosa .comparison-form .btn { min-height:44px; }
.page-odnosa .area-overview { margin:1.5rem 0; }
.page-odnosa .area-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; align-items:start; }
.page-odnosa .comparison-area.card { margin:0; padding:0; overflow:visible; }
.page-odnosa .comparison-area[open] { grid-column:1/-1; }
.page-odnosa .area-summary { display:grid; grid-template-columns:2.65rem minmax(0,1fr); gap:.8rem; padding:1.1rem; cursor:pointer; list-style:none; border-radius:1rem; }
.page-odnosa .area-summary::-webkit-details-marker { display:none; }
.page-odnosa .area-summary:hover { background:color-mix(in srgb,var(--app-accent) 4%,var(--app-surface)); }
.page-odnosa .area-icon { display:grid; place-items:center; width:2.65rem; height:2.65rem; border-radius:.85rem; color:var(--app-accent); background:color-mix(in srgb,var(--app-accent) 11%,var(--app-surface)); }
.page-odnosa .area-icon svg { width:1.65rem; height:1.65rem; }
.page-odnosa .area-icon-bliskost, .page-odnosa .area-icon-seksualnost { color:#a44e6b; background:color-mix(in srgb,#ce86a0 14%,var(--app-surface)); }
.page-odnosa .area-icon-autonomija, .page-odnosa .area-icon-dom { color:#448479; background:color-mix(in srgb,#78b3a7 14%,var(--app-surface)); }
html[data-theme="dark"] .page-odnosa .area-icon-bliskost, html[data-theme="dark"] .page-odnosa .area-icon-seksualnost { color:#f0aac3; }
html[data-theme="dark"] .page-odnosa .area-icon-autonomija, html[data-theme="dark"] .page-odnosa .area-icon-dom { color:#94d4c7; }
.page-odnosa .area-title { font-weight:700; font-size:1.08rem; align-self:center; line-height:1.3; }
.page-odnosa .area-metrics { grid-column:1/-1; display:grid; gap:.5rem; min-width:0; }
.page-odnosa .area-chart { height:.7rem; display:flex; overflow:hidden; border-radius:999px; background:var(--app-border); gap:2px; }
.page-odnosa .area-chart > span { flex-basis:0; }
.page-odnosa .area-chart-same { background:#7caab8; }
.page-odnosa .area-chart-different { background:#d3aa78; }
.page-odnosa .area-chart-unknown { background:#a4a4b6; }
.page-odnosa .area-counts { display:flex; flex-wrap:wrap; gap:.4rem 1rem; font-size:.9em; }
.page-odnosa .area-counts > span { display:inline-flex; align-items:center; gap:.3rem; }
.page-odnosa .area-dot { display:inline-block; height:.5rem; width:.5rem; border-radius:50%; flex-shrink:0; }
.page-odnosa .area-coverage { font-size:.87em; color:var(--app-text-muted); }
.page-odnosa .area-capacity { display:grid; grid-template-columns:1rem minmax(0,1fr) 3.4rem; gap:.5rem; align-items:center; font-size:.85em; }
.page-odnosa .area-capacity > span:last-child { text-align:right; font-variant-numeric:tabular-nums; }
.page-odnosa .area-capacity-track { display:block; height:.35rem; border-radius:999px; overflow:hidden; background:var(--app-border); }
.page-odnosa .area-capacity-track > span { display:block; height:100%; background:#a49cc4; }
.page-odnosa .area-open-label { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; gap:.5rem; color:var(--app-accent); font-size:.9em; margin-top:.3rem; }
.page-odnosa .area-summary .when-open { display:none; }
.page-odnosa .comparison-area[open] > .area-summary .when-open { display:inline; }
.page-odnosa .comparison-area[open] > .area-summary .when-closed { display:none; }
.page-odnosa .comparison-area[open] > .area-summary .area-chevron { transform:rotate(180deg); }
.page-odnosa .area-content { padding:0 clamp(.7rem,3vw,1.1rem) 1rem; border-top:1px solid var(--app-border); }
.page-odnosa .area-content .domain-block { box-shadow:none; }
.page-odnosa .area-content .result-group h2 { font-size:1.05rem; }
.page-odnosa .comparison-context > summary { cursor:pointer; min-height:44px; align-content:center; font-weight:600; }
.page-odnosa .comparison-context-body { margin-top:.8rem; }
@media(max-width:700px) {
  .page-odnosa .comparison-form, .page-odnosa .area-grid { grid-template-columns:minmax(0,1fr); }
  .page-odnosa .area-summary { padding:.95rem; }
  .page-odnosa .comparison-form .btn { width:100%; }
}

/* ODN-023: scalar differentials and a non-overlapping thematic hierarchy. */
.page-odnosa .difference-label { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:.3rem .75rem; font-size:.9em; }
.page-odnosa .difference-label strong { font-size:1.45em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.page-odnosa .difference-label small { font-size:.7em; color:var(--app-text-muted); font-weight:400; }
.page-odnosa .difference-track { display:flex; height:.7rem; overflow:hidden; border-radius:999px; background:var(--app-border); }
.page-odnosa .difference-track > span { display:block; flex-basis:0; }
.page-odnosa .difference-similar { background:#78af91; }
.page-odnosa .difference-different { background:#dfa66c; }
.page-odnosa .difference-legend { display:flex; flex-wrap:wrap; gap:.5rem 1.25rem; color:var(--app-text-muted); font-size:.85em; }
.page-odnosa .difference-legend > span { display:inline-flex; align-items:center; gap:.4rem; }
.page-odnosa .difference-legend i { height:.6rem; width:.6rem; border-radius:50%; }
.page-odnosa .difference-empty { color:var(--app-text-muted); font-size:.9em; }
.page-odnosa .difference-basis { margin:.85rem 0; }
.page-odnosa .subcategory-heading { font-size:1.05rem; margin:1rem 0 .7rem; }
.page-odnosa .subcategory-list { display:grid; gap:.7rem; }
.page-odnosa .comparison-subcategory { border:1px solid var(--app-border); border-radius:.8rem; min-width:0; }
.page-odnosa .subcategory-summary { display:grid; gap:.6rem; padding:.85rem; cursor:pointer; list-style:none; border-radius:.8rem; }
.page-odnosa .subcategory-summary::-webkit-details-marker { display:none; }
.page-odnosa .subcategory-summary:hover { background:color-mix(in srgb,var(--app-accent) 4%,var(--app-surface)); }
.page-odnosa .subcategory-title { font-weight:600; }
.page-odnosa .subcategory-metrics { display:grid; gap:.35rem; }
.page-odnosa .subcategory-metrics .difference-track { height:.45rem; }
.page-odnosa .subcategory-summary .when-open { display:none; }
.page-odnosa .comparison-subcategory[open] > .subcategory-summary .when-open { display:inline; }
.page-odnosa .comparison-subcategory[open] > .subcategory-summary .when-closed { display:none; }
.page-odnosa .comparison-subcategory[open] > .subcategory-summary .area-chevron { transform:rotate(180deg); }
.page-odnosa .subcategory-content { padding:0 clamp(.45rem,2vw,.85rem) .85rem; border-top:1px solid var(--app-border); }
.page-odnosa .subcategory-content .cmp-table { min-width:0; }
.page-odnosa .subcategory-content .cmp-table td { overflow-wrap:anywhere; }
@media(max-width:700px) {
  .page-odnosa .subcategory-summary { padding:.7rem; }
  .page-odnosa .subcategory-content .cmp-table td { padding:.6rem; }
}

.page-odnosa .difference-exclusions { margin:.7rem 0 1rem; color:var(--app-text-muted); font-size:.87em; }
.page-odnosa .difference-exclusions > summary { cursor:pointer; padding:.25rem 0; min-height:44px; align-content:center; }
.page-odnosa .difference-exclusions li { margin:.45rem 0; }

/* ODN-023: legends inside question cells; descriptions use separate tables. */
.page-odnosa .answer-legend { font-size:.87em; color:var(--app-text-muted); line-height:1.6; margin:.35rem 0; }
.page-odnosa .answer-legend > span { margin:0 .15rem; }
.page-odnosa .answer-note { font-size:.82em; color:var(--app-text-muted); margin-top:.4rem; }
.page-odnosa .answer-note > summary { cursor:pointer; }
.page-odnosa .subcategory-content .answer-table { display:table; width:100%; table-layout:auto; margin:.35rem 0; }
.page-odnosa .subcategory-content .answer-table thead { display:table-header-group; position:static; width:auto; height:auto; overflow:visible; clip-path:none; }
.page-odnosa .subcategory-content .answer-table tbody { display:table-row-group; }
.page-odnosa .subcategory-content .answer-table tr { display:table-row; margin:0; border:0; border-radius:0; }
.page-odnosa .subcategory-content .answer-table th, .page-odnosa .subcategory-content .answer-table td { display:table-cell; padding:.3rem .45rem; vertical-align:top; }
.page-odnosa .subcategory-content .answer-table th:first-child { width:auto; }
.page-odnosa .subcategory-content .answer-table th:not(:first-child) { width:1%; text-align:center; }
.page-odnosa .subcategory-content .answer-table:not(.narrative-table) td:not(:first-child) { white-space:nowrap !important; }
.page-odnosa .subcategory-content .answer-table td:not(:first-child) { text-align:center; font-variant-numeric:tabular-nums; }
.page-odnosa .subcategory-content .answer-table:not(.narrative-table) th:not(:first-child), .page-odnosa .subcategory-content .answer-table:not(.narrative-table) td:not(:first-child) { padding-inline:.2rem; }
.page-odnosa .subcategory-content .answer-table td[data-label]::before { display:none; }
@media(max-width:700px) {
  .page-odnosa .subcategory-content .answer-table th, .page-odnosa .subcategory-content .answer-table td { padding:.3rem .35rem; }
}

.page-odnosa .subcategory-content .narrative-table { table-layout:fixed; margin-top:1.1rem; }
.page-odnosa .subcategory-content .narrative-table th:first-child { width:44%; }
.page-odnosa .subcategory-content .narrative-table th:not(:first-child) { width:28%; }

.page-odnosa .answer-scale { margin-top:.05rem; color:var(--app-text-muted); }
.page-odnosa .answer-scale > summary { min-height:0; display:list-item; width:fit-content; max-width:100%; padding:.08rem 0; cursor:pointer; font-size:.82em; color:var(--app-accent); text-decoration:underline; text-underline-offset:.18em; }
.page-odnosa .answer-scale .answer-legend { margin:.15rem 0; line-height:1.45; }
/* ODN-028: private preference questionnaire and compact reports. */
.pref19-question { margin: 0 0 1rem; padding: .85rem; border: 1px solid var(--border-color,#8885); border-radius: .7rem; min-width: 0; }
.pref19-question legend { font-weight: 650; padding: 0 .25rem; }
.pref19-question .inp, .pref19-question select { width: 100%; max-width: 100%; }
.pref19-context, .pref19-extra { font-size: .9em; margin: .3rem 0; }
.pref19-preference { margin: .8rem 0 .15rem; padding: .65rem; background: var(--surface-color,#8881); border-radius: .5rem; }
.pref19-preference summary, .pref19-share-domain summary { cursor: pointer; font-weight: 600; }
.pref19-acceptable { display: grid; gap: .25rem; margin: .65rem 0; }
.pref19-question .opt, .pref19-share-domain .opt { display: flex; align-items: flex-start; gap: .5rem; margin: .35rem 0; }
.pref19-question .opt input, .pref19-share-domain .opt input { flex-shrink: 0; margin-top: .3rem; }
.pref19-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.pref19-metric { min-width: 0; padding: .5rem 0; }
.pref19-metric p { font-size: .9em; margin: .35rem 0; }
.pref19-number { display: block; font-size: 1.7em; margin: .4rem 0; }
.pref19-bar { display: flex; width: 100%; height: .65rem; background: #8883; border-radius: 1rem; overflow: hidden; }
.pref19-bar span { display: block; height: 100%; }
.pref19-met { background: #38864d; }.pref19-unmet { background: #d68c32; }.pref19-unknown { background: #8b8b94; }
.pref19-domain>summary { display: flex; align-items: center; gap: .7rem; cursor: pointer; font-size: 1.08em; font-weight: 650; }
.pref19-domain>summary::before { content: '▸'; font-size: .8em; }.pref19-domain[open]>summary::before { content: '▾'; }
.pref19-icon { width: 1.8rem; height: 1.8rem; flex-shrink: 0; color: #58836f; }
.pref19-summary-title { flex: 1; min-width: 8rem; }.pref19-summary-scores { display: flex; gap: .8rem; flex-wrap: wrap; font-size: .72em; font-weight: 400; }.pref19-mini { display: grid; gap: .2rem; min-width: 8rem; }.pref19-mini .pref19-bar { height: .35rem; }
#invitation-link { width: 100%; }
@media(max-width:600px) { .pref19-domain>summary { flex-wrap: wrap; }.pref19-summary-scores { flex-basis: 100%; padding-left: 2.7rem; }.pref19-mini { min-width: 7rem; } }
.pref19-category { margin: .8rem 0; }.pref19-category>summary { font-weight: 600; cursor: pointer; }
.plain30-category-score { display: inline-block; margin-left: .4rem; color: var(--app-accent); white-space: nowrap; }
.plain30-metric { max-width: 26rem; margin: .4rem 0; }
.plain30-metric p { margin: .25rem 0; }
.page-odnosa .pref19-table { width: 100%; border-collapse: collapse; margin: .4rem 0; table-layout: auto; }
.page-odnosa .pref19-table th, .page-odnosa .pref19-table td { padding: .22rem .3rem; vertical-align: top; border-bottom: 1px solid #8883; line-height: 1.3; }
.page-odnosa .pref19-table th[scope="row"] { text-align: left; font-weight: 400; width: auto; }
.page-odnosa .pref19-table .pref19-stem th { padding-top: .55rem; color: var(--app-accent); background: var(--app-surface-muted); font-weight: 700; }
.page-odnosa .pref19-table tbody[aria-labelledby] th[scope="row"] { padding-left: .65rem; }
.page-odnosa .pref19-short td, .page-odnosa .pref19-short th:not(:first-child) { width: 1%; white-space: nowrap; text-align: center; }
.page-odnosa .pref19-table .answer-scale, .pref19-row-note { padding: 0; margin: .15rem 0 0; border: 0; font-size: .8em; }
.page-odnosa .pref19-table .answer-scale summary, .pref19-row-note summary { display: list-item; cursor: pointer; width: fit-content; color: var(--link-color,#3d729c); padding: 0; border: 0; background: none; font-weight: 400; }
.page-odnosa .pref19-table .answer-scale summary::before { content: none; }
.pref19-table .answer-scale div { display: grid; gap: .15rem; margin: .2rem 0; }
.pref19-table p { margin: .25rem 0; }.pref19-long td { overflow-wrap: anywhere; }
.pref19-pages { display: flex; flex-wrap: wrap; gap: .4rem; }.pref19-pages a { padding: .4rem .6rem; }.pref19-pages [aria-current] { font-weight: 800; text-decoration: underline; }
.pref19-share-domain { padding: .65rem 0; border-bottom: 1px solid #8883; }.pref19-share-text { font-size: .9em; margin-left: 1rem!important; }
.pref19-boundaries { border-left: 4px solid #d68c32; }.pref19-safety { border-left: 4px solid #a06477; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media(max-width:600px) { .pref19-grid { grid-template-columns: 1fr; }.pref19-question { padding: .65rem; }.pref19-number { font-size: 1.5em; }.page-odnosa .pref19-long { display: block; }.page-odnosa .pref19-long thead { display: none; }.page-odnosa .pref19-long tbody,.page-odnosa .pref19-long tr,.page-odnosa .pref19-long th[scope="row"] { display: block; width: 100%; }.page-odnosa .pref19-long td { display: block; width: 100%; white-space: normal; }.page-odnosa .pref19-long tr { padding: .4rem 0; }.pref19-long td:nth-of-type(1)::before { content: 'A: '; font-weight: 700; }.pref19-long td:nth-of-type(2)::before { content: 'B: '; font-weight: 700; } }