:root{color-scheme:light;--color-canvas: #F6F3EC;--color-surface: #FFFFFF;--color-soft: #F3EFE6;--color-cream: #F6F3EC;--color-ink: #2C221A;--color-muted: #6E6255;--color-brand: #1A3B45;--color-brand-soft: #EDF1F1;--color-gold: #C49B5D;--color-gold-hover: #B0854A;--color-line: #E8E1D5;--color-danger: #A33B26;--color-gold-soft: #F7F1E7;--color-gold-line: #E3D3B8;--color-blue: #1A3B45;--color-blue-deep: #1A3B45;--color-blue-soft: #EDF1F1;--color-blue-line: #C9D4D5;--color-line-strong: #D8CEBE;--color-danger-soft: #FBEEE8;--color-danger-line: #EFD6CA;--color-primary: #1A3B45;--color-primary-hover: #122E36;--color-primary-soft: #EDF1F1;--color-secondary: #C49B5D;--color-text: #2C221A;--color-border: #E8E1D5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-control: 12px;--radius-card: 18px;--radius-section: 24px;--shadow-card: 0 4px 12px rgb(0 0 0 / 4%);--shadow-card-hover: 0 8px 24px rgb(0 0 0 / 7%);--shadow-nav: 0 -4px 24px rgb(0 0 0 / 6%);--gutter: 16px;--content-width: 1240px;--nav-space: calc(80px + env(safe-area-inset-bottom, 0px)) ;--z-header: 10;--z-nav: 30;--z-dialog: 100;font-family:Cairo,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7;color:var(--color-ink);background:var(--color-canvas)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-inline-size:0;background:var(--color-canvas);color:var(--color-ink)}html{scroll-padding-block:16px calc(var(--nav-space) + 16px)}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{opacity:.4;cursor:default}img{max-inline-size:100%;vertical-align:middle}picture{display:block}a{color:var(--color-brand);text-underline-offset:3px}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{line-height:1.5;overflow-wrap:break-word}[hidden]{display:none!important}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}:where(h1,h2)[tabindex="-1"]:focus{outline:none}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.muted{color:var(--color-muted);font-size:.75rem}.site-header{background:var(--color-surface);border-block-end:1px solid var(--color-line);box-shadow:0 1px #00000005}.top{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"logo city language account";gap:10px;align-items:center;max-inline-size:var(--content-width);margin-inline:auto;padding:12px var(--gutter)}.logo{grid-area:logo;white-space:nowrap;font-size:1.875rem;font-weight:900;letter-spacing:-2px;line-height:1.2;color:var(--color-primary)}.logo i{display:inline-block;inline-size:8px;block-size:8px;margin-inline-start:3px;border-radius:50%;background:var(--color-gold)}.spacer{display:none}.location{grid-area:city;display:grid;grid-template-columns:16px minmax(0,1fr) 12px;align-items:center;gap:0 3px;min-inline-size:0;padding:0;text-align:start;background:transparent;line-height:1.5}.location .muted{grid-column:1 / -1;font-size:.625rem}.location strong{min-inline-size:0;font-size:.6875rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang,.avatar{display:inline-flex;align-items:center;justify-content:center;min-inline-size:40px;min-block-size:44px;padding:8px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface)}.lang{grid-area:language;gap:6px;font-size:.75rem}.lang-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lang-chevron{display:none}.avatar{grid-area:account}.nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-nav);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px max(8px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:var(--color-surface);border-block-start:1px solid var(--color-line);box-shadow:var(--shadow-nav)}.nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-inline-size:0;min-block-size:52px;padding:5px 2px;border-radius:var(--radius-control);background:transparent;color:var(--color-text)}.nav button.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #1a3b4538}.nav-label{font-size:.6875rem;font-weight:700;line-height:1.6;text-align:center}main{max-inline-size:var(--content-width);margin-inline:auto;padding:20px var(--gutter) calc(var(--nav-space) + 24px)}.welcome-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:16px}.welcome-strip>div{min-inline-size:0}.welcome-strip b{font-size:1.0625rem;font-weight:800}.welcome-strip p{margin:2px 0 0;color:var(--color-muted);font-size:.75rem}.welcome-strip>button{flex-shrink:0;min-block-size:44px;padding:8px 12px;background:var(--color-danger-soft);color:var(--color-danger);border-radius:var(--radius-control);font-size:.6875rem;font-weight:700}.tabs{display:flex;gap:4px;inline-size:fit-content;max-inline-size:100%;margin-block-end:16px;padding:4px;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-card)}.tab{min-block-size:42px;padding:8px 14px;background:transparent;border-radius:10px;font-size:.875rem;font-weight:700;color:var(--color-text)}.tab.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #1a3b452e}.search{display:flex;align-items:center;gap:10px;min-inline-size:0;margin-block-end:24px;padding:0 14px;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface);box-shadow:var(--shadow-card)}.search>span{display:inline-flex;flex:0 0 auto}.search input{min-inline-size:0;inline-size:100%;min-block-size:52px;padding:10px 0;outline:none;border:0;background:transparent;font-size:.875rem;color:var(--color-ink)}.search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a3b451a,var(--shadow-card)}.search input::placeholder{color:var(--color-muted);opacity:1}.hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-section);background:var(--color-primary);box-shadow:var(--shadow-card)}.hero>img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;object-position:center 53%}.hero:after{position:absolute;inset:0;content:"";z-index:0;background:linear-gradient(270deg,#1a3b45e0,#1a3b4561)}.hero-copy{position:relative;z-index:1;min-inline-size:0;max-inline-size:640px;padding:24px 20px;color:#fff}.eyebrow{font-size:.6875rem;font-weight:700;color:var(--color-gold)}.hero h1{margin:8px 0;font-size:clamp(1.5rem,3.2vw,2.25rem);font-weight:800;line-height:1.4}.hero-copy p{max-inline-size:40em;margin:0 0 16px;font-size:.8125rem;line-height:1.8;color:#f2ede4}.hero small{display:block;margin-block-start:14px;font-family:Arial,sans-serif;font-size:.625rem;direction:ltr;text-align:start;color:#d9d2c6}.yellow{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-block-size:44px;max-inline-size:100%;padding:10px 16px;border:1px solid var(--color-primary);border-radius:var(--radius-control);background:var(--color-primary);color:#fff;font-size:.8125rem;line-height:1.7;font-weight:800;box-shadow:0 4px 12px #1a3b4533}.sectionhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 16px}.sectionhead h2{margin:0;font-size:1.1875rem;font-weight:800;color:var(--color-ink)}.sectionhead h2:before{display:inline-block;inline-size:4px;block-size:18px;margin-inline-end:8px;border-radius:2px;background:var(--color-gold);content:"";vertical-align:-2px}.link{min-block-size:44px;padding:8px 0;background:transparent;color:var(--color-brand);font-size:.75rem;font-weight:700}.chip,.back,.save-topic{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-block-size:44px;max-inline-size:100%;padding:8px 14px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-size:.75rem;font-weight:600;line-height:1.7}.chip.active,.chip[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.back{margin-block-end:16px;color:var(--color-brand)}.filters{display:flex;gap:8px;min-inline-size:0;max-inline-size:100%;overflow-x:auto;padding:3px 2px 8px;margin-block-end:16px;scrollbar-width:thin;scrollbar-color:var(--color-line) transparent}.filters .chip{flex-shrink:0;border-radius:999px;white-space:nowrap}.guides{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.guide{position:relative;isolation:isolate;min-inline-size:0;padding:0;overflow:hidden;border:1px solid var(--color-primary);border-radius:var(--radius-card);background:var(--color-primary);text-align:start;color:#fff;box-shadow:var(--shadow-card)}.guide>img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;opacity:.6}.guide>div{position:relative;z-index:1;padding:72px 20px 20px;background:linear-gradient(0deg,rgb(26 59 69 / 88%),transparent)}.guide h3{margin:4px 0;font-size:1.375rem}.guide p,.guide small{margin:0;font-size:.75rem}.assist{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin-block-start:32px;padding:20px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.assist .symbol{display:inline-grid;place-items:center;inline-size:56px;block-size:56px;border-radius:16px;background:var(--color-surface);border:1px solid var(--color-line)}.assist h3{margin:0 0 4px;font-size:1rem}.assist p{margin:0;color:var(--color-muted);font-size:.75rem}.assist>button{grid-column:1 / -1;justify-self:start}.footerlinks{display:flex;flex-wrap:wrap;gap:4px 16px;margin-block:20px 0;padding-block-start:16px;border-block-start:1px solid var(--color-line)}.footerlinks button{min-block-size:44px;padding:4px 0;background:transparent;font-size:.75rem;color:var(--color-muted);text-align:start}.note{margin:20px 0 0;font-size:.6875rem;line-height:1.8;color:var(--color-muted)}.empty{grid-column:1 / -1;padding:32px 16px;text-align:center;color:var(--color-muted);font-size:.875rem}.overlay{position:fixed;inset:0;z-index:var(--z-dialog);display:none;align-items:center;justify-content:center;padding:16px;background:#14222794}.overlay.open{display:flex}.modal{position:relative;inline-size:min(100%,680px);max-block-size:calc(100vh - 32px);max-block-size:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid var(--color-line);border-radius:var(--radius-section);background:var(--color-surface);box-shadow:0 16px 64px #00000026}.modal h2{margin:0 0 12px;padding-inline-end:40px;font-size:1.375rem}.modal p{margin:12px 0;color:var(--color-muted);font-size:.875rem;line-height:1.9;overflow-wrap:anywhere}.modal picture>img{inline-size:100%;block-size:auto;max-block-size:300px;object-fit:cover;border-radius:var(--radius-control);margin-block-end:16px}.close{position:absolute;inset-inline-end:12px;inset-block-start:12px;display:inline-grid;place-items:center;min-inline-size:40px;min-block-size:40px;padding:8px;border-radius:50%;background:var(--color-soft);z-index:2}.modal label{display:block;margin-block:12px;font-size:.875rem}.modal select{inline-size:100%;min-block-size:48px;margin-block-end:16px;padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface)}@media(hover:hover){.lang:hover,.avatar:hover,.nav button:not(.active):hover,.tab:not(.active):hover,.chip:not(.active):hover,.back:hover,.save-topic:hover{background:var(--color-primary-soft)}.yellow:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.footerlinks button:hover,.link:hover{color:var(--color-primary);text-decoration:underline;text-underline-offset:4px}}:where(.yellow,.chip,.tab,.nav button,.see-all,.back,.avatar,.lang):active{filter:brightness(.96)}@media(min-width:375px){.location strong{font-size:.75rem}}@media(min-width:768px){:root{--gutter: 24px}html{scroll-padding-block:16px}.top{grid-template-areas:"logo city language account" "nav nav nav nav";gap:8px 20px}.location{justify-self:start;min-inline-size:156px}.location strong{font-size:.8125rem}.lang-label{position:static;inline-size:auto;block-size:auto;clip-path:none}.lang-chevron{display:inline-flex}.nav{grid-area:nav;position:static;display:flex;justify-content:center;gap:6px;padding:4px 0 0;border:0;box-shadow:none;background:transparent}.nav button{flex-direction:row;gap:7px;min-block-size:44px;padding:8px 14px}.nav-label{font-size:.8125rem}main{padding-block:24px 40px}.welcome-strip{margin-block-end:16px}.welcome-strip b{font-size:1.25rem}.welcome-strip>button{font-size:.75rem}.tabs{margin-block-end:14px}.tab{padding-inline:22px}.hero-copy{padding:32px}.hero:after{background:linear-gradient(270deg,#1a3b45db,#1a3b451a)}.hero-copy p{font-size:.875rem}.sectionhead{margin-block-start:32px}.sectionhead h2{font-size:1.375rem}.guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide>div{padding-block-start:96px}.assist{grid-template-columns:auto minmax(0,1fr) auto;gap:20px;padding:24px}.assist>button{grid-column:auto}.modal{padding:28px}}@media(min-width:1024px){:root{--gutter: 32px}.top{grid-template-columns:auto auto minmax(0,1fr) auto auto;grid-template-areas:"logo city nav language account";gap:16px;padding-block:16px}.location{min-inline-size:136px;max-inline-size:160px}.nav{padding:0;gap:2px}.nav button{padding-inline:10px}.nav-label{font-size:.75rem}.search{max-inline-size:760px}}@media(min-width:1440px){.nav button{padding-inline:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}img.is-loading{background:linear-gradient(110deg,#f3efe6 25%,#fff,#f3efe6 65%);background-size:200% 100%;animation:media-loading 1.6s ease-in-out infinite}img.is-error{background:var(--color-soft);color:var(--color-muted);font-size:.75rem}@keyframes media-loading{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){img.is-loading{animation:none}}