/* Production companion pages. Presentation only: each family keeps its layout,
 * forms, table widths, content and independent text-size/density behavior. */
html[data-standalone-family] {
  color-scheme:dark;
  --bg:#101216; --panel:#15181e; --raised:#1b1f27; --hover:#202630;
  --text:#e7eaf0; --muted:#a0aaba; --line:#292e38; --blue:#85adff;
  --bluefill:#193151; --red:#f05260; --redfill:#372127;
  --green:#7fb69c; --greenfill:#192a23; --amber:#d8b874; --amberfill:#302a1c;
  --standalone-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --standalone-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --standalone-font:var(--standalone-mono);
  --standalone-control:2px; --standalone-panel:0px; --standalone-dialog:2px;
  --standalone-shadow:none; --standalone-glass:var(--panel);
  --paper:var(--bg); --white:var(--panel); --ink:var(--text); --bluewash:var(--bluefill);
  --redwash:var(--redfill); --greenwash:var(--greenfill); --amberwash:var(--amberfill);
  --radius:var(--standalone-panel); --mono:var(--standalone-font);
  --g-bg:var(--bg); --g-panel:var(--panel); --g-ink:var(--text); --g-muted:var(--muted);
  --g-line:var(--line); --g-blue:var(--blue); --g-green:var(--green); --g-amber:var(--amber); --g-red:var(--red);
  --g-mono:var(--standalone-font); --g-sans:var(--standalone-font);
}
html[data-standalone-family][data-theme=light] {
  color-scheme:light;
  --bg:#f3f5f8; --panel:#fff; --raised:#edf0f5; --hover:#e7edf6;
  --text:#222936; --muted:#596579; --line:#d7dee8; --blue:#315fb7; --bluefill:#e5edfc;
  --red:#b83246; --redfill:#fff0f1; --green:#23603b; --greenfill:#eaf7f0;
  --amber:#745018; --amberfill:#fff5de;
}
html[data-standalone-family][data-standalone-skin=hybrid] {
  --standalone-font:var(--standalone-sans);
  --standalone-control:16px; --standalone-panel:24px; --standalone-dialog:28px;
  --standalone-shadow:0 8px 22px #00000016,inset 0 1px #ffffff08;
}
html[data-standalone-family][data-appearance-scope=admin][data-standalone-skin=hybrid] {
  --standalone-control:14px; --standalone-panel:22px; --standalone-dialog:26px;
}
html[data-standalone-family] body { background:var(--bg); color:var(--text); font-family:var(--standalone-font); }
/* Explicit old font shorthands must not retain mono labels in Hybrid, or sans
 * headings in Terminal. Preserve their sizes/weight/line-height and numeric tabs. */
html[data-standalone-family] body :is(h1,h2,h3,h4,h5,p,a,button,input,select,textarea,label,summary,span,strong,b,small,time,output,dt,dd,th,td,li,figcaption) {
  font-family:var(--standalone-font);
}
html[data-standalone-family] :is(code,kbd,pre,.code-block,#job-text) { font-family:var(--standalone-mono); }
html[data-standalone-family] :is(time,output,dd,.numeric,.stats strong,.mono) { font-variant-numeric:tabular-nums; }
html[data-standalone-family] :is(.mono,.chip,.stat,.step,.local-badge,.nav-tag) { font-family:var(--standalone-font); }
html[data-standalone-family=access-denied] body { font-size:18px;line-height:1.6; }
html[data-standalone-family=access-denied] a { color:var(--blue); }
html[data-standalone-family][data-standalone-skin=current] :is(h1,h2,h3,h4) { letter-spacing:0; }
html[data-standalone-family][data-standalone-skin=hybrid] :is(h1,h2,h3) { letter-spacing:-.025em; }
html[data-standalone-family] :is(button,.button,input:not([type=checkbox]):not([type=radio]),select,textarea) {
  border-radius:var(--standalone-control); color:var(--text); border-color:var(--line); background:var(--panel);
}
html[data-standalone-family] :is(button,.button):hover:not(:disabled) { background:var(--hover); border-color:var(--blue); }
html[data-standalone-family] :is(button,.button,input,select,textarea,a,summary):focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
html[data-standalone-family] :is(input,textarea)::placeholder { color:var(--muted); opacity:1; }
html[data-standalone-family] :is(.button.primary,button.primary) { color:var(--text); background:var(--bluefill); border-color:var(--blue); }
html[data-standalone-family] :is(.header,.topbar,.top,.updates-header,.g-top) { background:var(--panel); border-color:var(--line); }
/* Reuse the existing updates artwork for every companion header. */
html[data-standalone-family] .logo-on-light { display:none; }
html[data-standalone-family][data-theme=light] .logo-on-dark { display:none; }
html[data-standalone-family][data-theme=light] .logo-on-light { display:block; }
html[data-standalone-family] :is(.panel,.stats,.rules,.sources,.daily-counts,.strategy,.update-entry,.lab-target,.g-demo,.g-private,.plus-features article,.plus-offer-footer) {
  border-color:var(--line); border-radius:var(--standalone-panel); background:var(--panel); box-shadow:var(--standalone-shadow);
}
html[data-standalone-family] :is(dialog,.selection-bar) { border-radius:var(--standalone-dialog); background:var(--panel); color:var(--text); border-color:var(--line); }
html[data-standalone-family] :is(.panel-title,.panel-heading,.panel-head,.dialog-head,.g-demo-label,.result-banner) { background:var(--raised); color:var(--text); border-color:var(--line); }
html[data-standalone-family] :is(.notice,.archive-draft-note,.archive-bridge-note,.archive-validation,.capacity,.g-boundary,.g-release) { background:var(--raised); color:var(--muted); border-color:var(--line); border-left-color:var(--blue); }
html[data-standalone-family] :is(.notice.error,.archive-validation,.warning) { background:var(--redfill); color:var(--red); border-color:var(--red); }
html[data-standalone-family] :is(.notice.warn,.noscript,.result-banner.review) { color:var(--amber); background:var(--amberfill); }
html[data-standalone-family] :is(.notice.blue-notice,.chip.blue) { color:var(--blue); background:var(--bluefill); }
html[data-standalone-family] :is(.chip.success,.result-banner.pass) { color:var(--green); background:var(--greenfill); }
html[data-standalone-family] .chip.error { color:var(--red); background:var(--redfill); }
html[data-standalone-family] .chip.partial { color:var(--amber); background:var(--amberfill); }
html[data-standalone-family] :is(.danger,.ops-urgent,#test-launch-error) { color:var(--red); }
html[data-standalone-family] :is(.community-tabs,.daily-card,.daily-date,.story-card,.comment,.notification,.rule-row,.source-article,.g-chapter,.g-contents) { border-color:var(--line); }
html[data-standalone-family] :is(.community-tabs a,.nav-item,.updates-text-tools,.updates-theme) { border-radius:var(--standalone-control); }
html[data-standalone-family] :is(.community-tabs a.active,.nav-item.active,.tabs button.active,button[aria-pressed=true]) { background:var(--bluefill); color:var(--blue); border-color:var(--blue); }
html[data-standalone-family] :is(.community-page a,.daily-method summary,.daily-number,.daily-kicker,.g a,.lab-target h2) { color:var(--blue); }
html[data-standalone-family] :is(.daily-card h2 a,.daily-counts dd,.daily-freshness b,.daily-coverage b,.daily-articles summary,.denominators b,.stopwatch output,.lab-meter output) { color:var(--text); }
html[data-standalone-family] :is(.meta,.count,.small,.rules p,.daily-date span,.daily-counts dt,.daily-method,.daily-card-top,.daily-articles small,.daily-end span,.archive-applied-summary,.nav-label,.sidebar-foot,.eyebrow,.table-empty,.page-footer,.target-kicker) { color:var(--muted); }
html[data-standalone-family] :is(th,thead) { background:var(--raised); color:var(--muted); }
html[data-standalone-family] :is(td,th) { border-color:var(--line); }
html[data-standalone-family] tbody tr:hover { background:var(--hover); }
html[data-standalone-family] tbody tr.selected { background:var(--bluefill); }
html[data-standalone-family] .chart .chart-empty { fill:var(--muted); }
html[data-standalone-family] .g :is(.g-demo,.g-story-pane,.g-headline,.g-layout-blocks span) { background:var(--raised); color:var(--text); border-color:var(--line); }
html[data-standalone-family] .g .g-headline small { color:var(--muted); }
html[data-standalone-family] .g .g-headline { border-color:var(--blue); border-radius:var(--standalone-control); }
html[data-standalone-family] .g :is(.g-chapter>summary,.g-subdetail>summary) { border-radius:var(--standalone-control); }
html[data-standalone-family] .g .g-chapter>summary:hover { background:var(--hover); }
html[data-standalone-family=source-editor] :is(.editor input,.editor select,.editor textarea,.add-form input,.request-draft textarea,.launchpad>div,.checklist label,.plan-select) { background:var(--panel); color:var(--text); border-color:var(--line); }
html[data-standalone-family=source-editor] :is(.checklist label,.tag,.code-block) { border-radius:var(--standalone-control); }
html[data-standalone-family=source-editor] .tag:not(.green):not(.blue):not(.amber):not(.red) { background:var(--raised); }
html[data-standalone-family=source-editor] .toast { background:var(--text); color:var(--bg); }
html[data-standalone-family=source-editor] .selection-bar { box-shadow:0 8px 24px #00000030; }
html[data-standalone-family=source-editor] .code-block { background:var(--raised); color:var(--text); }
html[data-standalone-family=source-editor] dialog::backdrop { backdrop-filter:none; background:#00000066; }
html[data-standalone-family][data-standalone-skin=current] :is(.panel,.strategy,.update-entry,.g-demo) { box-shadow:inset 0 1px color-mix(in srgb,var(--text) 8%,transparent); }
html[data-standalone-family][data-standalone-skin=current] :is(.section-heading h1,.page-heading h1,.updates-intro h1,.daily-heading h1,.g-hero h1,.hero h1) { border-left:3px solid var(--blue); padding-left:12px; }
/* Glass shape roles omitted by legacy companion styles. Source chips are
 * button-like links; badges have painted boundaries. Plain article/navigation
 * links, table cells, status dots and numbered circles keep their own roles. */
html[data-standalone-family][data-standalone-skin=hybrid] :is(.daily-sources a,.chip,.local-badge) {
  border-radius:var(--standalone-control);
}
/* The accordion header paints the edge of its existing rounded surface.
 * Round that paint directly rather than clipping focus or expanded content. */
html[data-standalone-family][data-standalone-skin=hybrid] .update-entry>details>summary {
  border-radius:var(--standalone-panel);
}
html[data-standalone-family][data-standalone-skin=hybrid] .update-entry>details[open]>summary {
  border-radius:var(--standalone-panel) var(--standalone-panel) 0 0;
}
/* One glass layer for control/navigation surfaces; article and table content is
 * opaque. The base color is the explicit fallback when filters are unavailable. */
html[data-standalone-family][data-standalone-skin=hybrid] :is(.header,.topbar,.top,.updates-header,.standalone-appearance) { background:var(--standalone-glass); }
html[data-standalone-family][data-standalone-skin=hybrid] :is(button,.button) { transition:background-color .16s,box-shadow .16s,transform .16s; }
html[data-standalone-family][data-standalone-skin=hybrid] :is(button,.button):active:not(:disabled) { transform:translateY(1px); }
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html[data-standalone-family][data-standalone-skin=hybrid] { --standalone-glass:color-mix(in srgb,var(--panel) 76%,transparent); }
  html[data-standalone-family][data-standalone-skin=hybrid] :is(.header,.topbar,.top,.updates-header,.standalone-appearance) { -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px); }
}
/* A normal-flow disclosure never obscures the page or traps content/focus. */
html[data-standalone-family] .standalone-appearance { display:flex;justify-content:flex-end;padding:4px 16px;border-bottom:1px solid var(--line);background:var(--panel);font-size:calc(12px * var(--ui-text-scale,1)); }
html[data-standalone-family] .standalone-appearance details { max-width:100%; }
html[data-standalone-family] .standalone-appearance summary { cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:12px;color:var(--blue);list-style:none; }
html[data-standalone-family] .standalone-appearance summary::-webkit-details-marker { display:none; }
html[data-standalone-family] .standalone-appearance summary::after { content:'⌄'; }
html[data-standalone-family] .standalone-appearance details[open] summary::after { content:'⌃'; }
html[data-standalone-family] #standalone-appearance-value { color:var(--muted); }
html[data-standalone-family] .standalone-appearance-options { padding:4px 0 10px;display:flex;flex-wrap:wrap;gap:8px 24px; }
html[data-standalone-family] .standalone-appearance-options [role=group] { display:flex;align-items:center;flex-wrap:wrap;gap:8px; }
html[data-standalone-family] .standalone-appearance-options [role=group]>span { color:var(--muted);min-width:42px; }
html[data-standalone-family] .standalone-appearance button { min-height:44px;min-width:44px;border:1px solid var(--line);padding:8px 12px;font:inherit; }
html[data-standalone-family] .standalone-appearance button[aria-pressed=true] { color:var(--blue);background:var(--bluefill);border-color:var(--blue); }
html[data-standalone-family] #standalone-appearance-status { flex-basis:100%;margin:0;max-width:55ch; }
html[data-standalone-family] #standalone-appearance-status:empty { display:none; }
@media(max-width:600px) {
  html[data-standalone-family] .standalone-appearance { padding-inline:12px; }
  html[data-standalone-family] .standalone-appearance-options { flex-direction:column; }
  html[data-standalone-family] :is(.community-page button,.button,button,input:not([type=checkbox]):not([type=radio]),select) { min-height:44px; }
  html[data-standalone-family] :is(.top,.top-right,.topbar,.header) { flex-wrap:wrap;height:auto; }
  html[data-standalone-family=source-editor] .top-right { max-width:100%; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-standalone-family] *,html[data-standalone-family] *::before,html[data-standalone-family] *::after { scroll-behavior:auto!important;transition:none!important;animation:none!important; }
  html[data-standalone-family] :is(button,.button):active { transform:none!important; }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html[data-standalone-family][data-standalone-skin=hybrid] { --standalone-glass:var(--panel);--standalone-shadow:none; }
  html[data-standalone-family][data-standalone-skin=hybrid] :is(.header,.topbar,.top,.updates-header,.standalone-appearance) { -webkit-backdrop-filter:none;backdrop-filter:none; }
}
@media(forced-colors:active) {
  /* Preserve the original artwork's own backdrop on either system Canvas. */
  html[data-standalone-family] img[src="/assets/trenutno-rdeci-utrip-prosojno.svg"] { content:url("/assets/trenutno-rdeci-utrip.svg"); }
  html[data-standalone-family] { --bg:Canvas;--panel:Canvas;--raised:Canvas;--hover:Canvas;--text:CanvasText;--muted:CanvasText;--blue:LinkText;--line:ButtonText;--bluefill:Canvas;--red:CanvasText;--redfill:Canvas;--amber:CanvasText;--amberfill:Canvas;--green:CanvasText;--greenfill:Canvas; }
  html[data-standalone-family][data-standalone-skin] { --standalone-glass:Canvas;--standalone-shadow:none; }
  html[data-standalone-family][data-standalone-skin=hybrid] :is(.header,.topbar,.top,.updates-header,.standalone-appearance) { -webkit-backdrop-filter:none;backdrop-filter:none; }
  html[data-standalone-family] :is(button[aria-pressed=true],.community-tabs .active,.nav-item.active) { outline:2px solid Highlight;outline-offset:-3px; }
  /* Selection is inset; keyboard focus stays visibly outside that selection. */
  html[data-standalone-family] :is(button[aria-pressed=true],.community-tabs .active,.nav-item.active):focus-visible { outline:2px solid Highlight;outline-offset:3px; }
}
@media print { html[data-standalone-family] .standalone-appearance { display:none; } }

/* One artwork, sized by each existing companion header family. */
html[data-standalone-family] .standalone-brand {
 --site-brand-width:210px;
 --site-brand-height:84px;
 flex-shrink:0;
}
html[data-standalone-family] :is(.topbar,.g-top) {height:auto;min-height:72px;flex-wrap:wrap}
html[data-standalone-family] .topbar {padding-block:8px}
html[data-standalone-family] .g-top {gap:12px}
html[data-standalone-family] .updates-footer-logo {
 display:block;width:154px;height:61px;object-fit:contain;object-position:left center;
}
html[data-standalone-family][data-theme=light] .updates-footer-logo {filter:invert(1) hue-rotate(180deg)}
@media(max-width:700px) {
 html[data-standalone-family] .standalone-brand {--site-brand-width:180px;--site-brand-height:72px}
 html[data-standalone-family] .g-top nav {flex-basis:100%;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:8px 16px}
}
@media(forced-colors:active) {
 html[data-standalone-family] .updates-footer-logo {background:#000;filter:none;forced-color-adjust:none}
}