.rules-article{font-size:1rem;line-height:1.75;color:#e7e5df;overflow-wrap:anywhere}
.rules-article p{margin:0 0 1rem}
.rules-lead{font-size:1.08rem;color:#fff1d3;max-width:70ch}
.rules-version{font-size:.875rem;color:#b9c4ca}
.rules-article strong{color:#fff1d3}
.rules-toc{padding:22px 26px;background:#1d3345;border:1px solid #d2ad6248;border-radius:10px;margin:24px 0 34px}
.rules-toc h3{font-size:1.08rem;color:#f1d59c;margin:0 0 12px}
.rules-toc ol{columns:2;column-gap:36px;padding-left:0;margin:0;list-style:none}
.rules-toc li{break-inside:avoid;margin:0 0 7px;padding-left:3px}
.rules-toc a{color:#efe5d1;text-underline-offset:3px;display:inline-block;padding:3px 0}
.rules-toc a:hover{color:#ffe1a7}
.rules-section{border-top:1px solid #526071;padding:28px 0 12px;scroll-margin-top:72px}
.rules-section>h2{font-size:1.5rem;color:#f0d39b;line-height:1.35;margin:0 0 20px;font-weight:650;letter-spacing:0}
.rules-section h3{font-size:1.1rem;line-height:1.4;color:#f1dbb0;margin:24px 0 10px}
.rules-section ul,.rules-section ol{padding-left:25px;margin:0 0 20px}
.rules-section li{padding-left:3px;margin:0 0 12px}
.rules-section dl{margin:0 0 20px}
.rules-section dt{font-weight:750;color:#f6e2bc;margin:20px 0 5px;line-height:1.5}
.rules-section dd{margin:0 0 16px}
.rules-callout{border-left:3px solid #deb36b;border-radius:0 8px 8px 0;background:#263b49;padding:18px 20px;margin:22px 0;color:#f5ede0}
.rules-callout ol{margin:10px 0 12px}
.rules-callout li{margin-bottom:7px}
.rules-table-wrap{max-width:100%;overflow-x:auto;margin:20px 0 24px;border:1px solid #62717c;border-radius:8px;overscroll-behavior-x:contain}
.rules-article table{border-collapse:collapse;width:100%;font-size:1rem;line-height:1.6;text-align:left}
.rules-article caption{text-align:left;padding:12px 15px;color:#f1dbb0;background:#1c3042;font-weight:700}
.rules-article th,.rules-article td{padding:12px 15px;vertical-align:top;border-bottom:1px solid #516171}
.rules-article thead th{color:#fff0d0;background:#293f50;font-weight:700}
.rules-article tbody th{color:#e8dcc4;font-weight:650;width:28%}
.rules-article tbody tr:nth-child(even){background:#ffffff05}
.rules-article tbody tr:last-child>*{border-bottom:0}
.rules-role{padding:0 0 7px;margin:0 0 12px;border-bottom:1px solid #ffffff18}
.rules-role h3{margin-top:24px}
.rules-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:.9375rem;margin:0 0 20px}
.rules-tools a{color:#f0d39b;text-underline-offset:4px}
#help-dialog{width:min(950px,calc(100vw - 24px));max-width:950px;max-height:88vh;max-height:88dvh;padding:28px;overflow-y:auto;scrollbar-gutter:stable;background:#122738;color:#e7e5df;border:1px solid #807557;border-radius:14px}
#help-dialog .dialog-head{gap:18px;align-items:center;margin-bottom:18px}
#help-dialog .dialog-head h2{font-size:1.65rem;line-height:1.25;color:#f2d7a2}
#help-dialog .dialog-head .btn{flex-shrink:0}
#help-dialog .rules-close-bottom{margin-top:22px}
.manual-page{background:#0e2030;color:#e7e5df}
.manual-shell{max-width:960px;margin:0 auto;padding:36px 30px 64px}
.manual-header{margin-bottom:26px;border-bottom:1px solid #665f4a;padding-bottom:28px}
.manual-header .manual-brand{display:block;letter-spacing:.12em;color:#e8ca8e;font-size:.875rem;margin:26px 0 10px}
.manual-header h1{font-size:clamp(1.8rem,5vw,2.8rem);color:#f5e4c5;line-height:1.2;font-weight:650}
.manual-back{font-size:1rem;color:#f0d39b;text-underline-offset:4px}
.manual-footer{border-top:1px solid #526071;margin-top:25px;padding-top:24px;font-size:.9375rem;color:#bdc7cc}
.rules-section:target{border-top-color:#deb36b}
@media(max-width:650px){
  #help-dialog{padding:20px 16px;max-height:92vh;max-height:92dvh}
  #help-dialog .dialog-head h2{font-size:1.35rem}
  .rules-toc{padding:18px 17px}
  .rules-toc ol{columns:1}
  .rules-section>h2{font-size:1.3rem}
  .rules-article th,.rules-article td{padding:10px 9px;min-width:94px}
  .rules-table-wrap table{min-width:390px}
  .manual-shell{padding:22px 18px 42px}
  .rules-callout{padding:15px}
}
@media print{
  .manual-page,.manual-shell,.rules-article,.rules-article strong,.rules-section h2,.rules-section h3,.rules-section dt,.rules-article th,.rules-article caption{color:#172333;background:white}
  .manual-shell{max-width:none;padding:0}
  .manual-back,.manual-footer,.rules-version{display:none}
  .manual-header{padding-bottom:14px;margin-bottom:20px}
  .manual-header h1,.manual-header .manual-brand,.rules-lead{color:#172333}
  .rules-toc{background:white;border-color:#9d9d9d;padding:14px}
  .rules-toc h3,.rules-toc a{color:#172333}
  .rules-section{padding-top:20px;border-color:#aaa}
  .rules-section h2,.rules-section h3,.rules-section dt{break-after:avoid}
  .rules-role,.rules-callout,tr{break-inside:avoid}
  .rules-callout{background:#f4f4f4;color:#172333}
  .rules-table-wrap{overflow:visible;border-color:#aaa}
  .rules-article table{font-size:10pt}
  .rules-article thead th,.rules-article tbody th{color:#172333;background:#eee}
  .rules-article th,.rules-article td{border-color:#aaa}
  .rules-article{font-size:11pt;line-height:1.5}
}

.rules-section .order-card{color:#172d3f}.rules-section .order-card strong,.rules-section .order-card h4{color:#172d3f}.rules-section .order-card dt{color:#586166;margin:0}.rules-section .order-card dd{margin:0}.rules-section .order-card .order-description{color:#172d3f}.rules-section .order-card .order-conditions{margin:0}.rules-section .order-card .order-location{margin-bottom:10px}.rules-section>h3{font-size:1.5rem;margin:0 0 20px}
/* Keep the dialog exit available while its rules scroll. */
#help-dialog{padding:0}
#help-dialog>.dialog-head{position:sticky;top:0;z-index:5;background:#122738;padding:16px 22px;margin-bottom:0}
@media(max-width:650px){#help-dialog{padding:0}#help-dialog>.dialog-head{padding:12px;gap:8px}#help-dialog>.dialog-head h2{font-size:1.1rem}}

/* 0.4.2: na osobnej stronie instrukcji pasek powrotu na telefonie ma dwa wiersze. */
@media(max-width:600px){main.shell .rules-section{scroll-margin-top:128px}}