:root{--rust:#b35236;--dark:#332b25;--cream:#fffaf3;--line:#eadbcd;--muted:#7a6b5f}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--dark);font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}header{background:#fffdf9;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{max-width:1200px;margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 22px}.logo{font-size:24px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.logo span,.logo-icon{color:var(--rust)}.logo-icon{font-size:31px;margin-right:8px}nav{display:flex;gap:23px;align-items:center;font-weight:650;font-size:14px}nav a:hover,nav .active{color:var(--rust)}.right{display:flex;gap:10px;align-items:center}select,input{background:#fffdfa;border:1px solid #dbcab9;border-radius:9px;padding:12px;min-width:0;width:100%;font:inherit}#lang-switch{width:78px;font-size:13px;font-weight:750}.hamburger{display:none;border:0;background:none;font-size:28px;color:var(--rust)}.hero{min-height:475px;background:linear-gradient(110deg,#f2dec7,#f6eee0 65%,#e6b08c);position:relative;overflow:hidden}.hero-content{max-width:1200px;margin:auto;padding:82px 22px;position:relative;z-index:2}.overline{font-size:12px;font-weight:800;letter-spacing:.2em;color:var(--rust)}h1,h2{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(38px,5vw,72px);max-width:740px;margin:16px 0 23px}.hero-content>p:not(.overline){max-width:565px;color:#745d4f;font-size:19px}.cta,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;background:var(--rust);color:white;border:0;border-radius:10px;padding:13px 24px;min-height:48px;font-weight:750;cursor:pointer}.cta:hover,button[type=submit]:hover{background:#8f4029}.scene{position:absolute;right:3%;bottom:0;width:40%;height:410px;opacity:.65}.sun{width:200px;height:200px;background:#f8c28c;border-radius:100%;position:absolute;top:12px;right:22%}.hills{height:55%;background:#b77759;position:absolute;inset:auto -10% 0;clip-path:polygon(0 100%,20% 23%,37% 68%,62% 0,87% 60%,100% 30%,100% 100%)}.arch{background:#8d4432;position:absolute;width:220px;height:310px;right:15%;bottom:-25px;border-radius:120px 120px 0 0;border:24px solid #d7986b;box-shadow:inset 0 0 0 12px #bf7457}.panel{max-width:1140px;margin:40px auto 75px;background:white;border:1px solid var(--line);box-shadow:0 10px 35px #4323170d;border-radius:17px;padding:30px}.elevated{position:relative;margin-top:-43px;z-index:2}.panel h2{margin:0 0 25px}.form{display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr auto;align-items:end;gap:12px}.form label,.calc label{font-size:13px;font-weight:700;color:#63554c;display:grid;gap:7px}.form button{white-space:nowrap}.note{font-size:12px;color:var(--muted);margin:15px 0 0}.section{max-width:1200px;margin:0 auto 85px;padding:0 22px}.section>h2{font-size:34px;margin-bottom:5px}.section>p{color:var(--muted);margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.place,.tile{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.visual{height:190px;background:linear-gradient(135deg,#f3bc89,#a64f38);display:flex;align-items:end;padding:19px;position:relative;overflow:hidden}.visual:before{content:"";position:absolute;bottom:-1px;left:0;right:0;height:75%;background:#8956469c;clip-path:polygon(0 100%,14% 30%,34% 74%,61% 14%,85% 67%,100% 25%,100% 100%)}.visual span{position:relative;z-index:1;font-size:27px;color:white;font-weight:900;text-shadow:0 1px 8px #4f362b}.place-1 .visual,.place-4 .visual{background:linear-gradient(125deg,#65b2b6,#edc391)}.place-2 .visual,.place-5 .visual{background:linear-gradient(125deg,#76adb8,#d6b194)}.place-label{display:flex;justify-content:space-between;gap:8px;padding:15px}.place-label span{font-size:12px;color:var(--muted)}.page-title{text-align:center;background:linear-gradient(115deg,#f4e1cc,#f7eee3);padding:80px 20px 75px}.page-title h1{margin:0 auto 16px}.page-title p{max-width:720px;margin:auto;color:#755e50;font-size:18px}.calc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.calc button{grid-column:1/-1}.total{margin-top:22px;background:#f9efe4;border-left:4px solid var(--rust);border-radius:9px;padding:15px;font-size:26px;font-weight:850;color:var(--rust)}.total:empty{display:none}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:45px}.tile{padding:25px}.emoji{font-size:36px}.tile h2{font-size:21px}.tile p{color:var(--muted)}.center{text-align:center}footer{background:var(--dark);color:#e9dcd0;padding:35px max(22px,calc((100% - 1155px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}footer strong{font-size:21px;color:white}@media(max-width:1000px){nav{gap:10px;font-size:12px}.form{grid-template-columns:repeat(2,1fr)}.form button{grid-column:1/-1}.scene{opacity:.3}}@media(max-width:720px){.header-inner{min-height:66px;padding:10px 15px}nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fffdf9;padding:20px;box-shadow:0 15px 20px #3332;flex-direction:column;align-items:start}nav.open{display:flex}.hamburger{display:block}.logo{font-size:19px}.hero{min-height:400px}.hero-content{padding:57px 20px}.hero h1{font-size:42px}.hero-content>p:not(.overline){font-size:16px}.scene{width:90%;right:-39%;opacity:.19}.panel{margin:22px 14px 55px;padding:21px}.elevated{margin-top:-25px}.form,.calc,.cards,.three{grid-template-columns:1fr}.form button{grid-column:1}.section{padding:0 15px;margin-bottom:55px}.page-title{padding:60px 20px}.page-title h1{font-size:37px}footer{display:grid}.visual{height:180px}}
/* MOROCVIA photo-led homepage redesign — 2026-11 */
.hero{min-height:560px;background-image:linear-gradient(90deg,rgba(24,29,34,.82) 0%,rgba(24,29,34,.65) 43%,rgba(24,29,34,.12) 100%),url("https://upload.wikimedia.org/wikipedia/commons/b/b6/Morocco_-_Essaouira_Part_2_%2831679848385%29.jpg");background-position:center 54%;background-size:cover;background-color:#334654}
.hero-content{padding-top:98px;padding-bottom:125px}
.hero h1{color:#fff;max-width:725px;text-shadow:0 3px 20px #0003}
.hero .overline{color:#f9c899;letter-spacing:.18em}
.hero-content>p:not(.overline){color:#f9eee3;max-width:610px;font-size:20px;text-shadow:0 1px 5px #0004}
.hero .cta{box-shadow:0 10px 24px #24130d35}
.scene{display:none}
.elevated{margin-top:-62px}
.panel.elevated{box-shadow:0 20px 48px #38221723}
.panel.elevated h2{font-size:28px;margin-bottom:22px}
.form button,.form button[type=submit]{display:inline-flex;justify-content:center;align-items:center;background:var(--rust);color:white;min-height:48px;padding:12px 20px;border:0;border-radius:9px;font-weight:750;cursor:pointer}
.form button:hover{background:#87371f}
.form input:focus,.form select:focus{outline:2px solid #c9704a;outline-offset:1px}
.place-0 .visual{background-image:linear-gradient(180deg,transparent 30%,rgba(32,24,20,.65)),url("https://commons.wikimedia.org/wiki/Special:FilePath/Marrakech_Jemaa_el-Fna_%2854257879841%29.jpg?width=960");background-position:center;background-size:cover}
.place-0 .visual:before{display:none}
.place-0 .visual span{font-size:28px}
.hero-photo-credit{font-size:11px;color:#b09c8c;line-height:1.5;margin-top:10px;max-width:630px}
.hero-photo-credit a{text-decoration:underline;color:inherit}
@media(max-width:720px){.hero{min-height:500px;background-image:linear-gradient(180deg,rgba(25,30,32,.75),rgba(25,30,32,.58)),url("https://upload.wikimedia.org/wikipedia/commons/b/b6/Morocco_-_Essaouira_Part_2_%2831679848385%29.jpg");background-position:58% center}.hero-content{padding:76px 20px 110px}.hero h1{font-size:clamp(36px,9vw,46px)}.hero-content>p:not(.overline){font-size:17px}.elevated{margin-top:-47px}.panel.elevated{margin-left:13px;margin-right:13px}.form button{width:100%}}

/* Budget summary and breakdown, shared by all five localized calculators */
.total{font-size:inherit;color:var(--dark);display:grid;gap:16px}
.budget-summary{display:grid;gap:3px}
.budget-summary>span{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.budget-summary>strong{font-size:clamp(30px,5vw,43px);line-height:1.2;color:var(--rust)}
.budget-summary>small{font-size:14px;color:var(--muted)}
.budget-breakdown{border-top:1px solid var(--line);padding-top:13px;display:grid;gap:7px}
.budget-breakdown>div{display:flex;gap:12px;justify-content:space-between;font-size:14px}
.budget-breakdown b{font-variant-numeric:tabular-nums}

/* Accessible destination links and homepage planning shortcuts */
.hero-secondary{display:inline-flex;align-items:center;min-height:48px;margin-left:14px;padding:12px 0;color:#fff;font-weight:750;text-decoration:underline;text-decoration-color:#f5c59b;text-underline-offset:5px}
.hero-secondary:hover{color:#ffd7b2}
.place{display:block;transition:transform .2s ease,box-shadow .2s ease}
a.place:hover,a.place:focus-visible{transform:translateY(-3px);box-shadow:0 12px 30px #43231720}
a.place:focus-visible,.home-feature:focus-visible,.hero-secondary:focus-visible{outline:3px solid #d98d57;outline-offset:4px}
.home-tools{padding-top:10px}
.home-section-heading{max-width:690px;margin-bottom:25px}
.home-section-heading h2{font-size:clamp(28px,3vw,38px);margin:8px 0 12px}
.home-section-heading>div>p:last-child{color:var(--muted);margin:0}
.home-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-feature{display:block;background:white;border:1px solid var(--line);border-radius:17px;padding:26px;transition:transform .2s ease,box-shadow .2s ease}
.home-feature:hover{transform:translateY(-3px);box-shadow:0 13px 28px #43231712}
.home-feature-icon{width:57px;height:57px;display:grid;place-items:center;border-radius:16px;background:#fbecdc;font-size:27px;color:var(--rust);font-weight:900}
.home-feature h3{font-size:21px;line-height:1.25;margin:19px 0 8px}
.home-feature p{color:var(--muted);font-size:14px;min-height:44px;margin:0 0 19px}
.home-feature-link{font-size:14px;font-weight:800;color:var(--rust)}
@media(max-width:720px){.hero-secondary{margin-left:0;margin-top:8px;display:flex;width:max-content}.home-features{grid-template-columns:1fr}.home-feature p{min-height:0}.home-feature{padding:23px}}

/* Marrakech destination guide — responsive layout */
.city-hero{position:relative;min-height:405px;display:flex;align-items:center;background:linear-gradient(110deg,#281c19f0,#5d312cc2 58%,#99664a6b),url("https://commons.wikimedia.org/wiki/Special:FilePath/Marrakech_Jemaa_el-Fna_%2854257879841%29.jpg?width=1600") center/cover,#704b3a;color:white}
.city-hero-inner{width:100%;max-width:1200px;padding:57px 22px 68px;margin:auto}
.city-hero .overline{color:#ffd4a6}
.city-hero h1{max-width:800px;color:white;margin:12px 0 20px;font-size:clamp(40px,6vw,70px)}
.city-hero-inner>p:last-child{font-size:19px;max-width:670px;color:#fff1e7}
.city-back{display:inline-block;color:#fff;border-bottom:1px solid #fff8;margin-bottom:30px;font-size:14px;font-weight:700}
.city-back:hover{color:#ffddbb}
.city-intro{padding-top:66px}
.city-intro h2,.city-area h2,.city-tips h2,.city-cta h2{font-size:clamp(28px,3vw,36px)}
.city-spots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.city-spot{background:white;border:1px solid var(--line);border-radius:16px;padding:23px}
.city-spot-num{font-size:13px;font-weight:850;letter-spacing:.13em;color:var(--rust)}
.city-spot h3,.city-areas h3{line-height:1.3;margin:15px 0 9px;font-size:20px}
.city-spot p,.city-areas p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}
.city-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.city-areas article{padding:23px 25px;background:#f5e8da;border-radius:16px}
.city-areas h3{margin:0 0 9px}
.city-tips ul{padding-left:23px;display:grid;gap:13px;max-width:850px}
.city-tips li{line-height:1.75}
.city-cta{background:#f5e6d7;border:1px solid #e8d1bd;border-radius:20px;padding:34px;margin-bottom:65px}
.city-cta p{color:var(--muted)}
.city-cta-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:23px}
.city-cta-alt{font-weight:750;color:var(--rust);text-decoration:underline;text-underline-offset:5px}
.city-disclaimer{font-size:12px!important;margin-top:22px}
@media(max-width:1000px){.city-spots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.city-hero{min-height:370px}.city-hero-inner{padding:40px 20px 52px}.city-hero-inner>p:last-child{font-size:16px}.city-intro{padding-top:43px}.city-spots,.city-areas{grid-template-columns:1fr}.city-spot{padding:20px}.city-cta{margin-left:14px;margin-right:14px;padding:23px}}

/* Lightweight monument articles: no oversized remote hero photograph */
.article-hero{background:linear-gradient(118deg,#372b28,#8c4938 60%,#c0784b);color:white}
.article-hero-inner{max-width:1200px;margin:auto;padding:55px 22px 66px}
.article-hero .overline{color:#ffd1a4}
.article-hero h1{max-width:820px;color:white;margin:13px 0 18px;font-size:clamp(36px,5vw,64px)}
.article-hero-inner>p:last-child{max-width:760px;font-size:19px;color:#fff1e4}
.article-layout{max-width:1200px;padding:55px 22px 80px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.article-main{min-width:0}
.article-section{padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid var(--line)}
.article-section h2{font-size:clamp(24px,2.5vw,31px);margin:0 0 12px}
.article-section p{font-size:16px;line-height:1.85;color:#51443b;margin:0}
.article-aside{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;position:sticky;top:24px}
.article-aside h2{font-size:22px;margin:0 0 20px}
.article-aside dl{margin:0}
.article-fact{padding:12px 0;border-top:1px solid var(--line)}
.article-fact dt{font-weight:800;font-size:13px;color:var(--rust)}
.article-fact dd{margin:4px 0 0;font-size:14px}
.article-note,.article-source{font-size:12px;color:var(--muted)}
.article-source a{text-decoration:underline;text-underline-offset:3px}
.article-next{padding:25px;background:#f6e8d8;border-radius:16px}
.article-next h2{font-size:26px;margin:0 0 7px}
.article-next p{color:var(--muted);margin:0 0 20px}
.city-spot-link{color:inherit;text-decoration:underline;text-decoration-color:#d29b78;text-underline-offset:4px}
.city-spot-link:hover{color:var(--rust)}
@media(max-width:800px){.article-layout{grid-template-columns:1fr;gap:26px}.article-aside{position:static;order:-1}}
@media(max-width:720px){.article-hero-inner{padding:42px 20px 50px}.article-hero-inner>p:last-child{font-size:16px}.article-layout{padding:34px 16px 54px}.article-aside{padding:22px}}

/* Responsive, CDN-resized editorial photography with reserved image space */
.article-photo{margin:0 0 28px}
.article-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:15px;background:#f1e8de}
.article-photo figcaption{font-size:12px;color:var(--muted);padding:8px 2px 0;line-height:1.5}
.article-photo-lead{margin-bottom:29px}
.article-photo-inline{margin:4px 0 30px}
.article-photo-credits{font-size:12px;color:var(--muted);line-height:1.7}
.article-photo-credits a{color:var(--rust);text-decoration:underline;text-underline-offset:2px}
@media(max-width:720px){.article-photo img{border-radius:12px}}

/* Internal destination navigation shared across localized travel articles */
.article-breadcrumbs{max-width:1200px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px;background:transparent;color:var(--muted);font-weight:650}
.article-breadcrumbs a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
.article-breadcrumbs a:hover,.article-return-home a:hover{color:#81361f}
.article-return-home{margin:24px 0 0;font-weight:750;font-size:14px}
.article-return-home a{color:var(--rust);text-decoration:underline;text-underline-offset:4px}
@media(max-width:720px){.article-breadcrumbs{padding:12px 16px;gap:5px}}

/* Long-form Marrakech guides: keyboard-friendly contents and readable measure. */
.city-reading{max-width:900px}
.article-toc{margin:0 0 30px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px 22px}
.article-toc summary{cursor:pointer;font-weight:750;color:var(--rust);line-height:1.5}
.article-toc nav{display:block;position:static;inset:auto;padding:0;background:transparent;box-shadow:none;margin-top:14px}
.article-toc ol{margin:0;padding-left:22px;display:grid;gap:9px}
.article-toc a,.guide-related a,.guide-sources a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
.editorial-guide h2{scroll-margin-top:24px}
.guide-related,.guide-sources ul{padding-left:22px;line-height:1.8}
@media(max-width:720px){.article-toc{padding:16px}.city-reading{padding-left:16px;padding-right:16px}}

/* Fez city hub and detailed guides, shared by all five languages. */
.fes-hero{background:linear-gradient(115deg,#173d40,#286264 60%,#607b60)}
.fes-page .article-breadcrumbs{position:static;inset:auto;box-shadow:none;flex-direction:row;align-items:center}
.fes-hub{margin-bottom:32px}
.fes-hub h2{font-size:clamp(24px,2.5vw,31px);margin-top:0}
.fes-guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fes-guide-cards>a{display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:12px;background:white}
.fes-guide-cards>a:hover{border-color:var(--rust)}
.fes-guide-cards span{color:var(--rust);font-size:14px}
.fes-link-list{padding-left:21px;line-height:1.8;display:grid;gap:8px}
.fes-link-list a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
.fes-aside [aria-current=page]{font-weight:750}
.fes-page a:focus-visible,.fes-page summary:focus-visible{outline:3px solid var(--rust);outline-offset:4px}
.fes-page .article-section h2{scroll-margin-top:24px}
@media(max-width:720px){.fes-guide-cards{grid-template-columns:1fr}}

/* Chefchaouen city hub and detailed guides, shared by all five languages. */
.chefchaouen-hero{background:linear-gradient(115deg,#173e63,#276b93 60%,#649ab0)}
.chefchaouen-page .article-breadcrumbs{position:static;inset:auto;box-shadow:none;flex-direction:row;align-items:center}
.chefchaouen-hub{margin-bottom:32px}
.chefchaouen-hub h2{font-size:clamp(24px,2.5vw,31px);margin-top:0}
.chefchaouen-guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.chefchaouen-guide-cards>a{display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:12px;background:white}
.chefchaouen-guide-cards>a:hover{border-color:var(--rust)}
.chefchaouen-guide-cards span{color:var(--rust);font-size:14px}
.chefchaouen-link-list{padding-left:21px;line-height:1.8;display:grid;gap:8px}
.chefchaouen-link-list a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
.chefchaouen-aside [aria-current=page]{font-weight:750}
.chefchaouen-page a:focus-visible,.chefchaouen-page summary:focus-visible{outline:3px solid var(--rust);outline-offset:4px}
.chefchaouen-page .article-section h2{scroll-margin-top:24px}
@media(max-width:720px){.chefchaouen-guide-cards{grid-template-columns:1fr}}

/* Tangier city hub and detailed guides, shared by all five languages. */
.tanger-hero{background:linear-gradient(115deg,#203c4b,#346b76 60%,#72928d)}
.tanger-page .article-breadcrumbs{position:static;inset:auto;box-shadow:none;flex-direction:row;align-items:center}
.tanger-hub{margin-bottom:32px}
.tanger-hub h2{font-size:clamp(24px,2.5vw,31px);margin-top:0}
.tanger-guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tanger-guide-cards>a{display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:12px;background:white}
.tanger-guide-cards>a:hover{border-color:var(--rust)}
.tanger-guide-cards span{color:var(--rust);font-size:14px}
.tanger-link-list{padding-left:21px;line-height:1.8;display:grid;gap:8px}
.tanger-link-list a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
.tanger-aside [aria-current=page]{font-weight:750}
.tanger-page a:focus-visible,.tanger-page summary:focus-visible{outline:3px solid var(--rust);outline-offset:4px}
.tanger-page .article-section h2{scroll-margin-top:24px}
.tanger-page h1,.tanger-page h2{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:720px){.tanger-guide-cards{grid-template-columns:1fr}}
@media(max-width:720px){html[lang=de] .tanger-hero h1{font-size:clamp(26px,8.3vw,36px)}}

/* Agadir city hub and detailed guides, shared by all five languages. */
.agadir-hero{background:linear-gradient(115deg,#194d62,#397b83 60%,#a58b59)}
.agadir-page .article-breadcrumbs{position:static;inset:auto;box-shadow:none;flex-direction:row;align-items:center}
.agadir-hub{margin-bottom:32px}
.agadir-hub h2{font-size:clamp(24px,2.5vw,31px);margin-top:0}
.agadir-guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.agadir-guide-cards>a{display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:12px;background:white}
.agadir-guide-cards>a:hover{border-color:var(--rust)}
.agadir-guide-cards span{color:var(--rust);font-size:14px}
.agadir-link-list{padding-left:21px;line-height:1.8;display:grid;gap:8px}
.agadir-link-list a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
.agadir-aside [aria-current=page]{font-weight:750}
.agadir-page a:focus-visible,.agadir-page summary:focus-visible{outline:3px solid var(--rust);outline-offset:4px}
.agadir-page .article-section h2{scroll-margin-top:24px}
.agadir-page h1,.agadir-page h2{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:720px){.agadir-guide-cards{grid-template-columns:1fr}}
@media(max-width:720px){html[lang=de] .agadir-hero h1{font-size:clamp(26px,8.3vw,36px)}}

/* Taza city hub and detailed guides, shared by all five languages. */
.taza-hero{background:linear-gradient(115deg,#24433d,#4c6d4d 60%,#8d8e64)}
.taza-page .article-breadcrumbs{position:static;inset:auto;box-shadow:none;flex-direction:row;align-items:center}
.taza-hub{margin-bottom:32px}
.taza-hub h2{font-size:clamp(24px,2.5vw,31px);margin-top:0}
.taza-guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.taza-guide-cards>a{display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:12px;background:white}
.taza-guide-cards>a:hover{border-color:var(--rust)}
.taza-guide-cards span{color:var(--rust);font-size:14px}
.taza-link-list{padding-left:21px;line-height:1.8;display:grid;gap:8px}
.taza-link-list a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
.taza-aside [aria-current=page]{font-weight:750}
.taza-page a:focus-visible,.taza-page summary:focus-visible{outline:3px solid var(--rust);outline-offset:4px}
.taza-page .article-section h2{scroll-margin-top:24px}
.taza-page h1,.taza-page h2{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:720px){.taza-guide-cards{grid-template-columns:1fr}}
@media(max-width:720px){html[lang=de] .taza-hero h1{font-size:clamp(26px,8.3vw,36px)}}