/* Integration only: original design rules live in guides-design.css. */
.guides-page { background:var(--paper); color:var(--ink); padding-bottom:64px; }
.guides-page *, .guides-page *::before, .guides-page *::after { box-sizing:border-box; }
.guides-page :where(div, section, article, span, a, strong) { min-width:0; }
.guides-page :where(p, h1, h2, h3, strong, a) { overflow-wrap:anywhere; }
.guides-page [hidden] { display:none !important; }
.guides-page :focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.guides-page .guide-image { display:block; width:100%; height:100%; }
.guides-page .guide-image img { width:100%; height:100%; object-fit:cover; }
.guides-page .guide-breadcrumb { flex-wrap:wrap; }
.guides-page section[id] { scroll-margin-top:110px; }
.guides-page.guides-no-photos [data-guide-photo-frame] { display:none; }
.guides-page.guides-no-photos > section:first-child > div { grid-template-columns:1fr; }
.guides-page .guide-chapters { z-index:30; }
.guides-page [data-chip][aria-current="step"] { color:var(--navy); background:rgba(185,138,58,.12); border-color:rgba(185,138,58,.3); }
.guides-page [data-guide-ref="track"] { overscroll-behavior-x:contain; }
.guides-page [data-guide-ref="track"]::-webkit-scrollbar { height:6px; }
.guides-page [data-guide-ref="track"]::-webkit-scrollbar-thumb { background:var(--gold); border-radius:9px; }
.guides-page [data-guide-ref="prev"]:disabled, .guides-page [data-guide-ref="next"]:disabled { opacity:.35; cursor:default; }
.guides-page [data-profile], .guides-page [data-region], .guides-page [data-guide-action="onStd"], .guides-page [data-guide-action="onConf"] { transition:background .2s, border-color .2s; }
.guides-page [data-profile][aria-pressed="false"] { color:#3d3a33; background:#fff; border-color:#ece3cf; box-shadow:0 10px 26px rgba(16,35,63,.05); }
.guides-page [data-profile][aria-pressed="false"] span:first-child { color:#a9762b; }
.guides-page [data-profile][aria-pressed="false"] span:last-child { color:var(--navy); }
.guides-page [data-profile][aria-pressed="true"] { color:#fff; background:linear-gradient(150deg,#1b3a68,#10233f 58%,#0b1d34); border-color:rgba(185,138,58,.4); box-shadow:0 16px 36px rgba(16,35,63,.18); }
.guides-page [data-profile][aria-pressed="true"] span:first-child { color:#e0bd77; }
.guides-page [data-profile][aria-pressed="true"] span:last-child { color:#fff; }
.guides-page [data-region][aria-pressed="false"], .guides-page [data-guide-action="onStd"][aria-pressed="false"], .guides-page [data-guide-action="onConf"][aria-pressed="false"] { color:rgba(23,23,22,.55); background:transparent; border-color:transparent; }
.guides-page [data-region][aria-pressed="true"], .guides-page [data-guide-action="onStd"][aria-pressed="true"], .guides-page [data-guide-action="onConf"][aria-pressed="true"] { color:var(--navy); background:rgba(185,138,58,.14); border-color:rgba(185,138,58,.42); }
.guides-page #pk-range { accent-color:var(--gold); }
.guides-page #pk-price:focus-visible { outline:2px solid var(--gold); }
.guides-page [data-badge].is-read { display:inline-flex; opacity:1; }
.guides-page [data-num].is-read { color:#a9762b; }
.guides-page [data-seg].is-read { background:rgba(185,138,58,.24); border-color:rgba(185,138,58,.55); }
.guides-page [data-seg].is-read [data-dot] { background:#e6c47f; box-shadow:0 0 0 3px rgba(230,196,127,.16),0 0 10px rgba(230,196,127,.32); }

@media (max-width:900px) {
    .guides-page .guide-hub-card { grid-template-columns:48px minmax(0,1fr) minmax(140px,26%); gap:20px; }
    .guides-hub > section:first-child > div { grid-template-columns:1fr; }
    .guides-hub [data-guide-ref="ringNum"] { font-size:24px; }
    .guides-hub > section:first-child > div > div:last-child { justify-self:start; }
}
@media (max-width:700px) {
    .guides-page > section:first-child > div { grid-template-columns:1fr; }
    .guides-page > section:first-child [data-guide-photo-frame] { aspect-ratio:4/3; }
    .guides-page .guide-chart { overflow-x:auto; overscroll-behavior-x:contain; }
    .guides-page .guide-chart > div { min-width:580px; }
    .guides-page .guide-chart > div:first-child, .guides-page .guide-chart > div:last-child { min-width:0; }
    .guides-page [data-ch] > div { grid-template-columns:1fr; }
    .guides-page [data-ch] [data-body], .guides-page [data-ch] [data-aside] { order:initial; }
    .guides-page [data-ch] [data-ghost] { right:0; left:auto; font-size:100px; }
    .guides-page [data-guide-ref="chips"] { top:94px; }
}
@media (max-width:600px) {
    .guides-page .guide-hub-card { grid-template-columns:48px minmax(0,1fr); gap:18px; }
    .guides-page .guide-hub-card > span:last-child { grid-column:1 / -1; grid-row:2; aspect-ratio:16/10; }
    .guides-page [data-num] { font-size:32px; white-space:nowrap; }
    .guides-page #przyklad > div:last-of-type { grid-template-columns:1fr; }
    .guides-page #przyklad [data-guide-value] { white-space:normal; }
    .guides-page #przyklad [data-guide-value$="Label"] { font-size:16px; flex:0 1 auto; text-align:right; }
    .guides-page #przyklad [data-guide-value="totalLabel"] { text-align:left; font-size:24px; }
    .guides-page [data-profile-panel] strong { white-space:normal; }
}
@media (prefers-reduced-motion:reduce) {
    .guides-page *, .guides-page *::before, .guides-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}