:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#182a40;background:#f5f7fa;font-synthesis:none;--blue:#183f83;--muted:#607087;--line:#dfe5ed;--orange:#f6ae55}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button,select{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d98622;outline-offset:4px}.header{max-width:1280px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:850;letter-spacing:1.2px;white-space:nowrap}.brand span{font-weight:400;color:var(--blue);margin-inline-start:6px}main{max-width:1200px;margin:0 auto;padding:42px 32px}h1{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-1.5px;margin:12px 0}h2{font-size:24px;letter-spacing:-.5px;margin:8px 0 18px}p{line-height:1.6}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;color:var(--muted)}.hero{background:#112d58;color:white;border-radius:24px;padding:36px;margin:28px 0;display:flex;justify-content:space-between;gap:32px}.hero h2{font-size:40px}select{border:1px solid var(--line);background:white;color:#182a40;border-radius:12px;padding:12px;max-width:100%}label{display:grid;gap:8px;font-size:14px} @media(max-width:650px){.header{padding:20px;flex-wrap:wrap}main{padding:28px 18px}.hero{padding:24px;flex-direction:column}.header>span{font-size:14px}}
.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}.skip{position:fixed;top:-100px;inset-inline-start:20px;padding:15px;background:white;z-index:100}.skip:focus{top:12px}.header{background:#f5f7fa}.nav{display:flex;gap:28px;font-size:14px;font-weight:600;color:var(--muted)}.nav a:hover{color:var(--blue)}.language{display:flex;align-items:center;gap:7px}.language>span:first-child{font-size:24px}.language select{background:transparent;border:0;padding:10px 4px;font-size:14px;font-weight:600}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading-row h1{font-size:clamp(28px,3.6vw,44px);overflow-wrap:anywhere}.heading-row h1>span:last-child{color:var(--blue)}.heading-separator{font-weight:300;color:#bdc8d7;margin:0 6px}.subtitle{color:var(--muted);margin-bottom:0;font-size:14px}.dot{padding:0 5px;color:#a0acbb}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--blue);color:white;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:650;min-height:46px;transition:background .15s}.button:hover{background:#24519c}.button:disabled{opacity:.5;cursor:wait}.button.secondary{background:#edf2f8;color:var(--blue)}.search-open{background:white;color:var(--blue);border:1px solid var(--line);flex-shrink:0}.search-open:hover{background:#edf2f8}.search-open>span{font-size:24px;font-weight:400;line-height:1}.hero{padding:0;display:grid;grid-template-columns:1.4fr 1fr;gap:0;overflow:hidden;box-shadow:0 18px 38px #122f5612;background:linear-gradient(120deg,#10284b,#193e70)}.hero-main{padding:30px 38px 34px;min-width:0}.hero-top{display:flex;justify-content:space-between;gap:15px}.hero-label{color:#becde1;font-size:14px}.hero-zone{font-size:12px;color:#b7c9e2;letter-spacing:.4px;overflow-wrap:anywhere}.next-line{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:161px}.hero h2{font-size:clamp(42px,5vw,64px);margin:10px 0 4px;font-weight:500;letter-spacing:-2px}.next-at{font-size:22px;color:#f6bb72;font-variant-numeric:tabular-nums}.clock-face{flex-shrink:0;height:132px;width:132px;border:1px solid #d0dfff35;border-radius:50%;position:relative;color:#adc3e0;font-size:12px;box-shadow:0 0 0 11px #ffffff03,0 0 0 12px #ffffff0b;direction:ltr}.clock-face>span{position:absolute}.clock-twelve{top:10px;left:50%;transform:translateX(-50%)}.clock-three{right:12px;top:50%;transform:translateY(-50%)}.clock-six{bottom:10px;left:50%;transform:translateX(-50%)}.clock-nine{left:12px;top:50%;transform:translateY(-50%)}.clock-face i{position:absolute;bottom:50%;left:calc(50% - 1px);transform-origin:bottom;width:2px;border-radius:3px}.hour-hand{height:28px;background:#fff;transform:rotate(var(--hour,0deg))}.minute-hand{height:39px;background:var(--orange);transform:rotate(var(--minute,0deg))}.clock-face b{position:absolute;width:7px;height:7px;background:var(--orange);border-radius:50%;left:calc(50% - 3.5px);top:calc(50% - 3.5px)}.countdown-row{border-top:1px solid #ffffff24;padding-top:22px;display:flex;justify-content:space-between;align-items:end;gap:16px}.countdown{font-size:clamp(34px,4vw,49px);font-weight:350;font-variant-numeric:tabular-nums;letter-spacing:2px;line-height:1.2;margin-top:8px}.local-time{text-align:end;display:grid;gap:12px}.local-time strong{font-size:23px;font-weight:400;font-variant-numeric:tabular-nums}.hero-side{padding:30px 34px;background:#ffffff08;border-inline-start:1px solid #ffffff17}.side-index{font-size:12px;letter-spacing:2px;color:#93afce}.hero-side h3{font-size:19px;font-weight:500;margin:8px 0 17px}.compact-prayer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;margin-inline:-12px;font-size:16px;color:#c7d6e9}.compact-prayer strong{font-weight:500;font-variant-numeric:tabular-nums;color:white}.compact-prayer.is-next{background:#fff;color:#18375f;border-radius:8px}.compact-prayer.is-next strong{color:#18375f}.next-mark{color:#c8822c}.method-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:3px 0}.method-bar>div{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.5}.method-icon{font-size:22px;color:var(--blue)}.text-button{background:transparent;color:var(--blue);font-weight:600;font-size:14px;padding:10px 0;cursor:pointer}.text-button:hover{text-decoration:underline}.notice{font-size:13px;color:var(--muted);margin:6px 0 32px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.monthly .panel-heading{padding:25px 25px 15px}.panel .eyebrow{font-size:12px;margin:0 0 8px;letter-spacing:1.5px}.panel h2{font-size:22px;margin:0}.month-controls{display:flex;gap:8px;direction:ltr}.icon-button{width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--line);background:white;border-radius:10px;font-size:26px;color:#435670;line-height:1;flex-shrink:0}.icon-button:hover{background:#f0f4fa}.table-scroll{overflow-x:auto;max-height:585px;scrollbar-width:thin;scrollbar-color:#bdcadd transparent}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums;text-align:start}th,td{padding:13px 12px;border-bottom:1px solid #edf0f5;text-align:center}thead{position:sticky;top:0;z-index:1;background:#f8fafc}thead th{font-size:12px;color:var(--muted);font-weight:500}tbody th{text-align:start;font-weight:500;padding-inline-start:25px}tbody th small{font-weight:400;font-size:12px;color:#8591a1;display:inline-block;min-width:20px;margin-inline-start:6px}tbody th span{display:inline-block;min-width:20px}tbody tr:last-child>*{border-bottom:0}tbody tr:hover{background:#f7f9fc}tr.current-day{background:#edf3ff;color:#1e4b91}tr.current-day th{box-shadow:inset 3px 0 #315ba4;font-weight:750}[dir=rtl] tr.current-day th{box-shadow:inset -3px 0 #315ba4}.table-footer{border-top:1px solid var(--line);padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.table-footer small{font-size:12px;color:var(--muted);line-height:1.5}.right-column{display:grid;gap:20px}.qibla-panel{padding:26px;text-align:center}.qibla-panel .eyebrow{text-align:start}.qibla-panel h2{font-size:20px;text-align:start}.compass{width:176px;height:176px;border:1px solid #dce4ef;box-shadow:inset 0 0 0 12px #f8fafc;margin:28px auto 16px;border-radius:50%;position:relative;font-size:12px;color:#8a98aa;direction:ltr}.compass>span{position:absolute}.north{left:50%;top:10px;transform:translateX(-50%);color:var(--blue);font-weight:700}.east{right:11px;top:50%;transform:translateY(-50%)}.south{left:50%;bottom:10px;transform:translateX(-50%)}.west{left:11px;top:50%;transform:translateY(-50%)}.bearing{position:absolute;inset:29px;transform:rotate(var(--bearing));}.bearing span{position:absolute;top:0;bottom:50%;left:calc(50% - 7px);width:14px;background:var(--blue);clip-path:polygon(50% 0,100% 100%,50% 85%,0 100%)}.bearing:after{content:'';position:absolute;top:50%;bottom:0;left:calc(50% - 7px);width:14px;background:#dce4ef;clip-path:polygon(0 0,50% 15%,100% 0,50% 100%)}.compass>i{position:absolute;top:calc(50% - 4px);left:calc(50% - 4px);width:8px;height:8px;background:var(--orange);border:2px solid white;border-radius:50%}.bearing-number{font-size:30px;font-weight:600;letter-spacing:-1px}.muted{color:var(--muted);font-size:14px;line-height:1.65}.coordinate-line{font-size:12px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted)}.about{padding:22px}.about summary{font-size:16px;font-weight:600;cursor:pointer}.about p{font-size:14px;color:var(--muted)}.about a{font-size:14px;color:var(--blue);text-decoration:underline}.directory{margin-top:52px}.directory>.panel-heading{margin-bottom:22px}.directory h2{margin:0}.directory .eyebrow{font-size:12px;margin-bottom:8px}.directory select{font-size:14px}.city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.city-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px;background:white;border:1px solid var(--line);border-radius:12px;text-align:start;transition:border-color .15s,transform .15s;min-width:0}.city-card:hover{border-color:#7391bf;transform:translateY(-2px)}.city-card strong{font-size:15px;font-weight:600;display:block;overflow-wrap:anywhere}.city-card small{display:block;font-size:12px;color:var(--muted);margin-top:7px;line-height:1.4}.card-arrow{color:#8f9fb2}.country-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px;font-size:13px;color:var(--muted)}.country-links a:hover{text-decoration:underline}footer{border-top:1px solid var(--line);max-width:1200px;margin:25px auto 0;padding:34px 32px 45px;display:flex;justify-content:space-between;gap:25px}footer p{font-size:13px;color:var(--muted);max-width:530px}.language-links{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.language-links a[aria-current]{color:var(--blue);text-decoration:underline}.language-links a:hover{text-decoration:underline}dialog{padding:28px;border:1px solid var(--line);border-radius:20px;width:min(580px,calc(100% - 28px));max-height:85vh;color:#182a40;box-shadow:0 25px 100px #10284b30}dialog::backdrop{background:#0b1b3f85;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:20px}.dialog-top h2{font-size:25px;margin:6px 0}.dialog-top .icon-button{border:0;background:#f3f5f9}input{width:100%;border:1px solid var(--line);border-radius:10px;padding:14px;background:#f8fafc;color:#182a40;min-height:46px;font-size:16px}#city-search{margin-top:8px}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;max-height:310px;overflow-y:auto;padding:4px}.search-results .city-card{padding:15px}.search-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.small{font-size:12px}.small a{text-decoration:underline}form{display:grid;gap:18px}form .button{justify-self:start}form p{margin:0}#search-status:empty,#geo-status:empty{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:#102d54;color:white;padding:13px 20px;border-radius:12px;transition:.2s;pointer-events:none;max-width:90vw;z-index:50;font-size:14px}.toast.visible{opacity:1;transform:translate(-50%,0)}[dir=rtl]{font-family:"Segoe UI",Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .brand{direction:ltr;unicode-bidi:isolate}[dir=rtl] .card-arrow{transform:scaleX(-1)}html{scroll-behavior:smooth;scroll-padding-top:20px}
@media(min-width:1500px){main{padding-top:52px}.hero{margin-top:34px}}
@media(max-width:1000px){.header{padding:23px 28px}.nav{gap:18px}.hero-main{padding:28px}.hero-side{padding:28px}.content-grid{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qibla-panel{padding:20px}.heading-row{align-items:flex-start}.heading-row .button{margin-top:28px}.clock-face{width:110px;height:110px}.hero-zone{display:none}}
@media(max-width:760px){.nav{display:none}.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1.15fr 1fr}.hero-main{padding:26px 24px}.hero-side{padding:26px 24px}.clock-face{display:none}.next-line{min-height:146px}.hero h2{font-size:48px}.countdown{font-size:36px}.local-time strong{font-size:20px}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-bar{align-items:start}.method-bar .text-button{flex-shrink:0;max-width:160px;text-align:end;padding-top:0}footer{flex-direction:column}.subtitle{line-height:1.7}.heading-row h1{font-size:34px}}
@media(max-width:520px){.header{padding:20px 18px;flex-wrap:nowrap;gap:12px}.brand{font-size:17px;letter-spacing:1px}.language select{max-width:118px}.language>span:first-child{display:none}.heading-row{display:block}.heading-row .button{margin-top:18px;min-width:100%}.heading-row h1{font-size:32px}.eyebrow{font-size:11px}.subtitle .dot{display:none}.subtitle>span:last-child{display:block;font-size:13px}.hero{display:block;margin-top:23px;border-radius:18px}.hero-main{padding:25px}.hero-side{border-inline-start:0;border-top:1px solid #ffffff1f;padding:22px 25px}.hero-top{align-items:center}.hero-zone{display:block}.clock-face{display:block;width:112px;height:112px;margin-inline-end:7px}.next-line{min-height:150px}.hero h2{font-size:53px}.hero-side h3{font-size:17px;margin-top:0}.side-index{display:none}.compact-prayers{display:grid;grid-template-columns:1fr 1fr;gap:4px 23px}.compact-prayer{margin:0;padding:10px 8px;font-size:14px}.compact-prayer.is-next{margin:0}.countdown{font-size:40px}.method-bar{display:block}.method-bar .text-button{margin-top:6px;max-width:none;text-align:start}.notice{margin-top:2px;margin-bottom:24px}.right-column{grid-template-columns:1fr}.qibla-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-items:center}.qibla-panel .eyebrow,.qibla-panel h2{grid-column:1/-1}.compass{grid-column:1;grid-row:3/5;width:142px;height:142px;margin:24px 0 18px}.bearing-number{grid-column:2;align-self:end;text-align:start}.qibla-panel .muted{grid-column:2;font-size:12px;text-align:start;align-self:start}.coordinate-line{grid-column:1/-1}.monthly .panel-heading{padding:22px 18px 15px}.panel h2{font-size:20px}th,td{padding:13px 9px}tbody th{padding-inline-start:16px}.table-footer{padding:10px 18px}.directory{margin-top:35px}.directory>.panel-heading{align-items:end;gap:10px}.directory h2{font-size:21px}.directory select{max-width:145px;padding:10px;font-size:12px}.city-card{padding:16px}.city-card strong{font-size:14px}.city-grid{gap:10px}.search-results{grid-template-columns:1fr}dialog{padding:22px}footer{padding:28px 18px}.heading-separator{margin:0 1px}.content-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.header,.hero,.method-bar,.notice,.right-column,.directory,footer,dialog,.month-controls,.search-open,.table-footer button,.toast{display:none!important}body,main{background:white;padding:0;margin:0;max-width:none}.content-grid{display:block}.panel{border:0}.table-scroll{max-height:none;overflow:visible}thead{position:static}th,td{padding:7px}.heading-row h1{font-size:25px}.subtitle{font-size:12px}}

/* телефон: таблица месяца целиком — мельче шрифт и поля, восход скрыт (он есть в карточке дня) */
@media(max-width:520px){.table-scroll table{font-size:12.5px}.table-scroll th,.table-scroll td{padding:8px 3px}.table-scroll th:nth-child(3),.table-scroll td:nth-child(3){display:none}.table-scroll tbody th{padding-inline-start:10px}}