.supplementary-page { background:#fff; color:#213f49; }
.supplementary-hero { max-width:1200px; margin:auto; padding:58px 24px 36px; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr); gap:56px; align-items:center; }
.supplementary-hero h1 { margin:8px 0 14px; font-size:46px; line-height:1.18; color:#173c48; }
.supplementary-hero h1 em { color:#078d8f; font-style:normal; }
.supplementary-hero p { max-width:720px; margin:0; color:#6f686d; font-size:17px; line-height:1.75; }
.supplementary-note { padding:22px 24px; border-left:4px solid #0bbbbd; background:#eef8f7; }
.supplementary-note b,.supplementary-note strong,.supplementary-note span { display:block; }
.supplementary-note strong { margin:7px 0; color:#173c48; font-size:20px; }
.supplementary-note span { color:#667378; font-size:14px; line-height:1.65; }
.supplementary-paths { max-width:1200px; margin:0 auto 34px; padding:0 24px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.supplementary-paths article { padding:18px 20px; border:1px solid #dce7e7; background:#fff; }
.supplementary-paths b { display:block; margin-bottom:5px; color:#078d8f; font-size:24px; }
.supplementary-paths strong { display:block; margin-bottom:5px; color:#173c48; }
.supplementary-paths span { color:#746a70; font-size:13px; line-height:1.55; }
.supplementary-directory { max-width:1200px; margin:auto; padding:0 24px 72px; }
.supplementary-filters { display:grid; grid-template-columns:minmax(210px,1fr) minmax(180px,.7fr) minmax(170px,.7fr) 120px; gap:14px; align-items:end; margin-bottom:34px; padding:22px; border-left:4px solid #0bbbbd; background:#f5f9f9; }
.supplementary-mode-tabs { grid-column:1/-1; display:flex; gap:8px; flex-wrap:wrap; }
.supplementary-mode-tabs button { min-height:42px; padding:0 18px; border:1px solid #b9d8d8; background:#fff; color:#176f73; font-weight:700; }
.supplementary-mode-tabs button.active { background:#0bbbbd; border-color:#0bbbbd; color:#fff; }
.supplementary-filters label span { display:block; margin-bottom:7px; font-size:13px; font-weight:700; }
.supplementary-filters input,.supplementary-filters select { width:100%; height:48px; padding:0 12px; border:1px solid #cfdcdc; background:#fff; font-size:15px; }
.supplementary-filters>button { height:48px; border:1px solid #0aaeb0; background:#fff; color:#078d8f; font-weight:700; }
.supplementary-results header { display:flex; justify-content:space-between; gap:20px; align-items:end; padding-bottom:18px; border-bottom:2px solid #76c3cf; }
.supplementary-results h2 { margin:5px 0; font-size:30px; color:#173c48; }
.supplementary-results header p { margin:0; color:#746a70; }
.supplementary-action { display:inline-flex; padding:11px 15px; border:1px solid #0bbbbd; color:#078d8f; font-weight:700; text-align:center; }
.supplementary-guide { margin:18px 0; padding:15px 18px; background:#eef8f7; color:#5f6c71; line-height:1.65; }
.supplementary-guide b { color:#173c48; }
.supplementary-cards { display:grid; }
.supplementary-card { display:grid; grid-template-columns:150px minmax(0,1fr) 180px; gap:24px; align-items:start; padding:24px 18px; border-bottom:1px solid #dde5e5; }
.supplementary-card:nth-child(even) { background:#fbfcfc; }
.supplementary-card-meta span { display:inline-block; margin-bottom:7px; padding:4px 7px; background:#edf8f7; color:#078d8f; font-size:12px; font-weight:700; }
.supplementary-card-meta b { display:block; color:#445c64; }
.supplementary-card-main h3 { margin:0 0 7px; color:#173c48; font-size:19px; line-height:1.45; }
.supplementary-card-main small { display:block; margin-bottom:6px; color:#078d8f; }
.supplementary-card-main p { margin:0; color:#6e696c; font-size:14px; line-height:1.65; }
.supplementary-contact { text-align:right; }
.supplementary-contact strong,.supplementary-contact span { display:block; }
.supplementary-contact strong { color:#078d8f; font-size:18px; }
.supplementary-contact span { margin-top:5px; color:#777074; font-size:13px; }
.supplementary-pager { display:flex; justify-content:center; gap:7px; margin-top:28px; flex-wrap:wrap; }
.supplementary-pager button { min-width:40px; height:40px; border:1px solid #d4dfdf; background:#fff; }
.supplementary-pager button.active { background:#0bbbbd; border-color:#0bbbbd; color:#fff; }
.supplementary-pager button:disabled { opacity:.45; }
.supplementary-sources { max-width:1152px; margin:0 auto 70px; padding:20px 22px; border-top:1px solid #dce5e5; background:#f7f9f9; color:#676f72; font-size:14px; line-height:1.7; }
.supplementary-sources b { color:#173c48; }
.supplementary-sources a { color:#078d8f; font-weight:700; }
@media(max-width:850px){.supplementary-hero{grid-template-columns:1fr;gap:24px}.supplementary-paths{grid-template-columns:1fr}.supplementary-filters{grid-template-columns:1fr 1fr}.supplementary-card{grid-template-columns:120px minmax(0,1fr)}.supplementary-contact{grid-column:2;text-align:left}.supplementary-results header{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.supplementary-hero{padding-top:38px}.supplementary-hero h1{font-size:35px}.supplementary-filters{grid-template-columns:1fr;padding:18px 15px}.supplementary-card{grid-template-columns:1fr;gap:10px;padding:21px 8px}.supplementary-contact{grid-column:auto}.supplementary-mode-tabs{display:grid;grid-template-columns:1fr 1fr}.supplementary-mode-tabs button{padding:0 8px}.supplementary-sources{margin-left:14px;margin-right:14px}}