/* Tolga Tasal / Living Civic Experience v0.17.2
   High-contrast editorial theatre. Keeps the real product's contracts and heritage identity. */
:root,html[data-theme="oasis"]{
  --bg:#f6f2e9;--paper:#fffdf8;--ink:#18372c;--muted:#637469;
  --deep:#18372c;--deep2:#102a21;--deep-text:#fffaf0;
  --line:#d8d9cb;--accent:#ab7545;--pale:#e9e9da;--select:#c49561;
  --font:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,sans-serif;
  --display:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,sans-serif;
  --carousel-radius:27px;--carousel-card:365px;
}
html[data-theme="paper"]{--bg:#faf5e9;--paper:#fffcf4;--ink:#18372c;--deep:#18372c;--deep2:#102a21;--deep-text:#fffaf0;--accent:#a26a38;--pale:#eee9db;--line:#d8d0bf;--muted:#6b6f61}
html[data-theme="night"]{--bg:#111e18;--paper:#1c3026;--ink:#f3ead8;--deep:#18372c;--deep2:#102a21;--deep-text:#f8f3e8;--accent:#d3a674;--pale:#294037;--line:#385147;--muted:#b7c5b8}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink)}
.service-status{background:#10261f;min-height:29px;color:#c6c9aa;font-size:10px;letter-spacing:.01em}
.service-status .demo-pulse{background:#b99a62}
.site-head{background:var(--paper);border-bottom:1px solid #e2dfd3;box-shadow:0 1px 0 #152a1c09}
.site-head .head-inner{min-height:72px}
.logo{letter-spacing:-.08em;font-family:var(--display);font-weight:900}
.logo-dot{color:#ab7545}.logo-caption{letter-spacing:normal}
.site-head .desktop-nav{background:#ecebe1}
.site-head .desktop-nav button:hover{background:#fffdf8}
.site-head .info-button{border:1px solid #d1d9d1}
button:focus-visible,input:focus-visible,textarea:focus-visible,.slide-window:focus-visible{outline:3px solid #c99458!important;outline-offset:3px}
/* The first screen IS the experience: no preloader or forced cinematic intro. */
.carousel-stage{background:radial-gradient(ellipse 70% 75% at 78% 110%,#2f5842 0,transparent 75%),linear-gradient(155deg,#1e4433 0%,#18372c 48%,#102820 100%);color:#f6f2e9;min-height:650px;padding:23px 0 20px;overflow:hidden;position:relative;isolation:isolate}
.carousel-stage:before{content:"؟";font-family:var(--display);font-weight:900;font-size:clamp(380px,62vw,920px);line-height:1;position:absolute;top:-.20em;left:-.06em;right:auto;color:#fff;opacity:.025;pointer-events:none;z-index:-1;transform:rotate(-10deg)}
.carousel-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.14;background-image:linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:120px 120px;mask-image:linear-gradient(90deg,transparent,#000 80%)}
.carousel-stage>.wrap{width:min(1320px,calc(100% - 80px));min-height:650px;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);grid-template-rows:auto 1fr auto auto;column-gap:0;align-items:center}
.stage-eyebrow{grid-column:1/-1;grid-row:1;display:flex;gap:13px;margin:0;padding:5px 0 4px;color:#e2d2b7;font-size:11px;font-weight:750;letter-spacing:.02em}
.stage-eyebrow:after{content:"فكرة بسيطة · أثر باق";margin-inline-start:auto;color:#d0b797;opacity:.9}
.stage-flower{background:#f6f2e9;padding:6px;border-radius:12px;width:36px;height:36px;object-fit:contain;box-shadow:0 0 0 1px #ffffff2d}
.stage-slash{color:#c49b62}
.stage-intro{grid-column:1;grid-row:2;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:29px;margin:0;padding:20px 7% 20px 0;align-self:stretch;position:relative;z-index:2}
.stage-intro h1{font-family:var(--display);font-size:clamp(44px,4.65vw,76px);line-height:1.46;letter-spacing:-.07em;color:#fff6e8;font-weight:900;margin:0 0 20px;max-width:600px;text-wrap:balance}
.stage-intro h1 em{font-style:normal;color:#d6a676;display:block}
.stage-description{color:#d9e0d3;font-size:clamp(13px,1vw,15px);line-height:2.15;max-width:430px;margin:0}
.stage-side{border:0;border-top:1px solid #ffffff35;padding:18px 0 0;margin:0;min-width:0;width:min(340px,100%);display:flex;align-items:start;gap:24px}
.stage-step{font-size:12px;color:#d7ac75;direction:ltr;letter-spacing:.18em;white-space:nowrap;padding-top:5px}
.stage-side p{font-size:12px;line-height:1.85;color:#cad6c8;margin:0;font-weight:400}
.stage-bar{grid-column:1;grid-row:3;flex-wrap:wrap;flex-direction:column;align-items:stretch;gap:16px;margin:0;padding:0 7% 5px 0;position:relative;z-index:2}
.stage-nav{order:2;gap:10px}
.stage-find{order:1;width:min(400px,100%);height:56px;border-radius:14px;background:#fffdf8;border:1px solid #fff8ed;color:#18372c;padding:0 17px;box-shadow:0 12px 32px #07140d2e}
.stage-find input{font-size:14px;color:#18372c;min-height:50px}
.stage-find input::placeholder{color:#788079}
.stage-find span{color:#ab7545}
.slide-arrow{background:transparent;border:1px solid #e3e9d04b;color:#f6f2e9;width:53px;height:53px;font-size:25px;box-shadow:none;transition:background .16s ease,transform .18s ease,border-color .18s ease}
.slide-arrow:hover:not(:disabled){background:#f6f2e9;color:#18372c;border-color:#f6f2e9;transform:translateY(-2px)}
.slide-arrow:disabled{opacity:.27}
.slide-indicator{color:#f6f2e9;font-size:12px;font-weight:800;min-width:88px;direction:ltr;letter-spacing:.14em;margin-inline-start:10px}
.slide-window{grid-column:2;grid-row:2/5;margin:0;min-width:0;align-self:center;position:relative;z-index:1;overflow:visible}
.slide-window:after{content:"";position:absolute;inset:16% 3% 6%;border:1px solid #dfd8b027;border-radius:50%;pointer-events:none;z-index:-1;transform:rotate(-21deg)}
.candidate-carousel{--carousel-card:340px;min-height:585px;align-items:center;gap:17px;padding-block:29px 45px;padding-inline:max(22px,calc((100% - var(--carousel-card))/2));scroll-padding-inline:calc((100% - var(--carousel-card))/2);scroll-snap-type:x mandatory;scroll-behavior:smooth;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y}
.candidate-slide{height:515px;padding:10px;flex-basis:var(--carousel-card);border-radius:29px;background:#f9f3e8;color:#17392b;border:1px solid #ffffff88;opacity:.40;box-shadow:0 20px 35px #061a0f55;transform:perspective(1000px) translateY(27px) scale(.86) rotateY(0deg);transition:transform .46s cubic-bezier(.2,.7,.25,1),box-shadow .42s,opacity .35s,filter .35s;filter:saturate(.75);overflow:hidden}
.candidate-slide.is-before{transform:perspective(1100px) translateY(22px) scale(.84) rotateY(-11deg)}
.candidate-slide.is-after{transform:perspective(1100px) translateY(22px) scale(.84) rotateY(11deg)}
.candidate-slide.is-centered,.candidate-slide.is-centered:hover{opacity:1;filter:none;background:#fffaf0;border-color:#e9d5ad;box-shadow:0 29px 65px #04130b9c,0 0 0 1px #fff7e4a3;transform:perspective(1000px) translateY(-7px) scale(1) rotateY(0)}
.candidate-slide:hover:not(.is-centered){opacity:.83;filter:none}
.candidate-slide:focus-visible{outline:4px solid #d1a66c!important;outline-offset:5px}
.slide-overline{color:#466152;padding:8px 12px 10px;font-size:10px;letter-spacing:.01em}
.slide-num{color:#a47545;font-weight:900}
.slide-photo-frame{height:295px;border-radius:18px;isolation:isolate;background:radial-gradient(circle at 48% 26%,#e8e7d7 0%,#d7e2d8 63%,#becfc3 100%);position:relative}
.slide-photo-frame:before{content:"";position:absolute;width:70%;aspect-ratio:1;max-height:240px;border:1px solid #869d8b69;border-radius:50%;inset-block-start:4%;inset-inline-start:14%;z-index:-1;box-shadow:0 0 0 28px #ffffff2c,0 0 0 57px #ffffff1a}
.slide-photo-frame:after{border-color:#17392b12}
.slide-portrait-img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 11px #1937292f)}
.slide-initial{font-family:var(--display);font-weight:950;font-size:clamp(86px,8vw,132px);letter-spacing:-.09em;color:#18372c}
.slide-initial:before{content:"";display:none}
.slide-profile{padding:15px 12px 7px;gap:5px}
.slide-name{font-family:var(--display);color:#163729;font-size:clamp(19px,1.5vw,23px);font-weight:900;line-height:1.5;letter-spacing:-.02em}
.slide-meta{color:#627167;font-size:11px;line-height:1.7;min-height:20px}
.slide-cta{color:#fff8ef;background:#18372c;border:0;margin-top:auto;padding:12px 15px;min-height:48px;border-radius:12px;font-size:12px;display:flex;align-items:center}
.slide-cta:after{content:"↖";color:#e4bd82;font-size:22px}
.slide-empty{color:#f8e6cb;border-color:#e1cba73b;background:#2c493a}
.slide-loading{color:#f9edda;padding:140px 15px}
.stage-foot{grid-column:2;grid-row:5;justify-content:center;gap:11px;border:0;padding:0;color:#d1cbb7;font-size:11px;margin-top:-5px}
.stage-foot-mark{color:#d9b68c;margin-inline-start:18px;font-size:10px}
.swipe-cue{color:#dfbd83}
.stage-general{grid-column:1;grid-row:4;gap:8px;padding:18px 7% 12px 0}
.stage-general button{color:#dfc296;line-height:1.6;font-size:13px}
.stage-general>span{color:#b9cabc;font-size:10px}
/* A conversion action always reachable above mobile tabs, without overriding the actual card. */
.living-start{display:none;min-height:50px;border:0;background:#b48653;color:#142c22;box-shadow:0 10px 35px #10261b35;border-radius:17px;font-weight:900;font-size:13px;padding:12px 20px;align-items:center;justify-content:center;gap:11px;z-index:11;cursor:pointer}
.living-start strong{font-weight:900;max-width:175px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.living-start svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;flex:0 0 18px}
.living-start:disabled{opacity:.5;cursor:not-allowed}
/* Three functional steps, one visual continuity, existing APIs untouched. */
#ask-panel::backdrop{background:#09170fba;backdrop-filter:blur(6px)}
#ask-panel .sheet-shell{background:#f6f2e9;max-width:100vw;animation:living-enter .46s cubic-bezier(.18,.85,.22,1) both;transform-origin:center bottom}
#ask-panel .sheet-head{background:#18372c;min-height:104px;padding:18px clamp(18px,3.5vw,52px);color:#fff6e8;border:0;position:relative}
#ask-panel.chat-active .sheet-head:after{content:"02 / 03  •  الحوار";position:absolute;bottom:8px;inset-inline-start:clamp(18px,3.5vw,52px);font:800 10px/1.3 ui-monospace,monospace;direction:ltr;color:#d9b88b;letter-spacing:.04em}
#ask-panel .peer-portrait{width:60px;height:60px;display:grid;place-items:center;border-radius:20px!important;background:#d7e2d8;color:#163729;overflow:hidden;border:2px solid #fff7e7}
#ask-panel .peer-portrait img{object-fit:contain;width:100%;height:100%}
#ask-panel .peer-info small{color:#e5dbc5;font-size:11px}
#ask-panel .peer-info strong{color:#fff8e8;font-size:clamp(15px,1.8vw,21px)}
#ask-panel .peer-offline{color:#d9cab3;font-size:10px}
#ask-panel .peer-offline i{background:#d5b68a!important}
#ask-panel .chat-change{background:#ffffff16;color:#f9e4c2;border:1px solid #f9e4c244}
#ask-panel .chat-change:hover{background:#fff8e21d}
#ask-panel .sheet-close{background:#ffffff1f;color:#fff8e8;border:1px solid #ffffff33;box-shadow:none}
#ask-panel .chat-history{background:radial-gradient(ellipse 60% 90% at 5% 100%,#e2e8da,transparent),#f6f2e9;position:relative;justify-content:center;align-items:center;padding:27px 25px}
#ask-panel .chat-history:before{content:"؟";position:absolute;pointer-events:none;left:8%;top:5%;font-size:260px;color:#18372c;opacity:.045;line-height:1}
#ask-panel .chat-date{border:0;background:#18372c1b;color:#44624d;border-radius:999px;font-size:11px;padding:6px 14px;margin-bottom:18px}
#ask-panel .chat-bubble{max-width:min(560px,100%);border:1px solid #ced7c9;background:#fffdfa;border-radius:22px 22px 5px 22px;box-shadow:0 15px 44px #18372c0b;padding:clamp(16px,2vw,29px);gap:15px}
#ask-panel .chat-bubble-icon{background:#18372c;color:#f6f2e9;border-radius:16px;font-size:24px;width:49px;height:49px;flex-basis:49px}
#ask-panel .chat-bubble strong{font-size:clamp(15px,2vw,21px);color:#18372c}
#ask-panel .chat-bubble p{font-size:clamp(13px,1vw,15px);line-height:2.1;color:#35493c}
#ask-panel .chat-bubble p span{color:#986634}
#ask-panel .chat-bubble small{font-size:11px;color:#687b6e}
#ask-panel .chat-editor{background:#fffdf8;border-top:1px solid #d8d9cb;padding:15px max(19px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom));box-shadow:0 -15px 35px #142b2310}
#ask-panel .chat-editor-row{max-width:850px;margin-inline:auto}
#ask-panel #ask-compose-step textarea{background:#f6f2e9;border:1px solid #c7d4c3;color:#18372c;border-radius:18px;min-height:92px;max-height:200px;line-height:1.9}
#ask-panel #ask-compose-step textarea::placeholder{color:#708475}
#ask-panel #ask-compose-step button.chat-send{background:#18372c;color:#fff9f0;font-weight:800;font-size:13px;padding:16px 23px}
#ask-panel .chat-editor-foot,#ask-panel .chat-consent-hint{max-width:850px;margin-inline:auto;color:#66756b}
#ask-panel .chat-consent-hint{font-size:10px}
#ask-panel #ask-success{position:relative;max-width:620px;margin:min(8vh,65px) auto 0;padding:22px 20px 50px;text-align:center}
#ask-panel #ask-success:before{content:"03 / 03     •     تم الاستلام";display:block;font:700 12px/1.5 ui-monospace,monospace;direction:rtl;letter-spacing:.04em;color:#a27548;margin-bottom:19px}
#ask-panel #ask-success .success-mark{width:84px;height:84px;margin:0 auto 16px;background:#18372c;color:#e3c194;box-shadow:0 0 0 13px #18372c12,0 0 0 26px #18372c06;font-size:36px}
#ask-panel #ask-success h3{font-size:clamp(29px,4vw,49px);font-weight:900;line-height:1.4;color:#18372c}
#ask-panel #ask-success p{color:#516353}
#ask-panel #ask-success .code-card{border:1px solid #d1a16f;background:#18372c;color:#fff5df;box-shadow:0 22px 50px #172e1e29;position:relative;border-radius:20px;padding:22px}
#ask-panel #ask-success .code-card strong{color:#f9e3bf;font-size:clamp(25px,5vw,36px);font-weight:900;word-break:break-all}
#ask-panel #ask-success .code-card span{color:#e9d9bc}
#ask-panel #ask-success .fill-button{background:#18372c}
/* Secondary paths retain equal prominence and their original access. */
.stage-more{padding-top:51px}
.stage-more-line{color:#a7794b}
.stage-links button:hover{border-color:#b5895a}
.stage-links .shortcut-mark{background:#e6eadb;color:#18372c}
.stage-disclosure{color:#677569}
.living-motion-status{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
/* Switcher is only enabled in the demo, never as a production citizen control. */
.demo-tweaks{position:fixed;inset-inline-end:18px;bottom:18px;z-index:88;display:none;align-items:flex-end;flex-direction:column;gap:9px}
html[data-living-demo] .demo-tweaks{display:flex}
.demo-tweaks-trigger{border:1px solid #d0c09c;background:#fff8e8;color:#18372c;border-radius:999px;padding:12px 17px;min-height:48px;font-size:12px;font-weight:900;box-shadow:0 5px 20px #07170e55}
.demo-tweaks-panel{width:205px;padding:11px;border-radius:17px;background:#fffcf0;box-shadow:0 13px 50px #07170e4a;border:1px solid #d8d0b9;display:grid;gap:7px;color:#18372c}
.demo-tweaks-panel button{min-height:41px;border:1px solid #cad4c1;border-radius:10px;background:transparent;color:#18372c;font-size:12px}
.demo-tweaks-panel button[aria-pressed="true"]{background:#18372c;color:#fffaf0}
.demo-tweaks-panel small{color:#637569;line-height:1.6;font-size:10px}
html[data-living-layout="gallery"] .candidate-carousel{--carousel-card:278px;gap:13px}
html[data-living-layout="gallery"] .candidate-slide{height:474px;opacity:.78;filter:none;transform:none}
html[data-living-layout="gallery"] .candidate-slide.is-centered{transform:translateY(-4px)}
html[data-living-layout="gallery"] .slide-photo-frame{height:270px}
html[data-living-layout="editorial"] .candidate-slide{border-radius:5px;transform:none;opacity:.76;filter:none}
html[data-living-layout="editorial"] .candidate-slide.is-centered{transform:translateY(-5px)}
html[data-living-layout="editorial"] .slide-photo-frame{border-radius:2px}
@keyframes living-enter{from{opacity:.66;transform:translateY(28px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:920px){
  .carousel-stage>.wrap{width:min(720px,calc(100% - 30px));min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto}
  .stage-eyebrow{grid-column:1;grid-row:1;padding:4px 3px 15px}
  .stage-eyebrow:after{font-size:9px}
  .stage-intro{grid-column:1;grid-row:2;padding:4px 12px 15px;gap:0}
  .stage-intro h1{font-size:clamp(37px,7vw,60px);line-height:1.48;margin:0 0 7px}
  .stage-intro h1 em{display:inline}
  .stage-description{font-size:12px;line-height:1.8;max-width:610px}
  .stage-side{display:none}
  .slide-window{grid-column:1;grid-row:3}
  .candidate-carousel{--carousel-card:min(360px,calc(100vw - 68px));gap:14px;min-height:0;padding-block:15px 29px}
  .candidate-slide{height:475px}
  .slide-photo-frame{height:265px}
  .stage-bar{grid-column:1;grid-row:4;flex-direction:row;align-items:center;padding:0 11px 8px}
  .stage-nav{order:1}
  .stage-find{order:2;width:min(280px,40%);height:48px}
  .stage-general{grid-column:1;grid-row:5;padding:0 12px 7px}
  .stage-foot{grid-column:1;grid-row:6;margin:0;padding:3px 0 9px}
  .stage-foot-mark{display:none}
}
@media(max-width:640px){
  .carousel-stage{min-height:0;padding:9px 0 22px}
  .carousel-stage>.wrap{width:100%;min-height:0}
  .stage-eyebrow{padding:5px 18px 7px;margin:0;font-size:10px;gap:8px}
  .stage-eyebrow:after{content:"01 / 03";font:800 11px/1 ui-monospace,monospace;letter-spacing:.08em}
  .stage-flower{width:25px;height:25px;border-radius:8px;padding:3px}
  .stage-intro{padding:0 23px 11px;text-align:right;align-items:stretch}
  .stage-intro h1{font-size:clamp(32px,8vw,43px);line-height:1.45;letter-spacing:-.065em;margin:0 0 5px}
  .stage-description{font-size:11px;line-height:1.8;color:#d4dfd2;max-width:350px}
  .slide-window:after{inset:19% 4% 19%}
  .candidate-carousel{--carousel-card:calc(100vw - 83px);min-height:0;gap:13px;padding-block:13px 28px;overflow-y:hidden}
  .candidate-slide{height:414px;transform:translateY(20px) scale(.90);padding:8px;border-radius:22px}
  .candidate-slide.is-before{transform:translateY(15px) scale(.86) rotateY(-6deg)}
  .candidate-slide.is-after{transform:translateY(15px) scale(.86) rotateY(6deg)}
  .candidate-slide.is-centered{transform:translateY(-3px) scale(1)}
  .slide-overline{font-size:10px;padding:5px 7px 7px}
  .slide-photo-frame{height:224px;border-radius:14px}
  .slide-initial{font-size:104px}
  .slide-profile{padding:10px 7px 4px;gap:3px}
  .slide-name{font-size:19px;line-height:1.4}
  .slide-meta{font-size:10px;min-height:15px}
  .slide-cta{font-size:12px;min-height:46px;padding:10px 13px;border-radius:11px}
  .stage-bar{padding:0 22px 8px;gap:7px}
  .stage-nav{gap:7px}
  .slide-arrow{width:44px;height:44px;font-size:21px}
  .slide-indicator{min-width:65px;font-size:10px;margin-inline-start:0}
  .stage-find{width:auto;flex:1;min-width:0;height:45px;min-height:45px;padding:0 10px}
  .stage-find input{font-size:12px;min-height:42px}
  .stage-general{padding:0 23px 4px}
  .stage-general>span{display:none}
  .stage-general button{font-size:11px;min-height:35px;padding:3px 0}
  .stage-foot{padding:4px 15px;font-size:10px}
  .stage-more{padding:26px 18px 140px}
  .living-start{display:flex;position:fixed;inset-inline:13px;bottom:calc(91px + env(safe-area-inset-bottom));width:calc(100vw - 26px);min-height:52px;border:1px solid #e0c49c;z-index:14}
  body:has(dialog.sheet[open]) .living-start{display:none}
  body:has(.demo-tweaks-panel:not([hidden])) .living-start{display:none}
  #ask-panel .sheet-head{min-height:91px;padding:12px 13px 19px}
  #ask-panel .sheet-head:after{inset-inline-start:17px;bottom:3px}
  #ask-panel .peer-portrait{width:48px;height:48px}
  #ask-panel .chat-change{color:#f6e3bc;font-size:10px}
  #ask-panel .chat-history{padding:17px 14px;align-items:stretch;justify-content:center}
  #ask-panel .chat-history:before{font-size:180px}
  #ask-panel .chat-bubble{padding:16px;gap:11px}
  #ask-panel .chat-bubble-icon{width:34px;height:34px;flex-basis:34px;font-size:19px}
  #ask-panel .chat-editor{padding:11px 12px max(12px,env(safe-area-inset-bottom))}
  #ask-panel #ask-compose-step textarea{min-height:76px;max-height:150px;padding:12px;font-size:16px}
  #ask-panel #ask-compose-step button.chat-send{padding:10px 12px;min-height:50px}
  #ask-panel .chat-editor-foot small{font-size:10px}
  #ask-panel #ask-success{margin:0 auto;padding:20px 6px 30px}
  #ask-panel #ask-success .code-card strong{font-size:23px}
  .demo-tweaks{inset-inline-end:16px;bottom:160px}
  .demo-tweaks-panel{width:190px}
}
@media(max-width:360px){
  .candidate-carousel{--carousel-card:calc(100vw - 66px)}
  .candidate-slide{height:389px}
  .slide-photo-frame{height:200px}
  .stage-intro h1{font-size:29px}
  .slide-arrow{width:41px;height:41px}
  .slide-indicator{min-width:56px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .candidate-carousel{scroll-behavior:auto}
  .candidate-slide,.slide-arrow{transition:none!important;transform:none!important}
  .candidate-slide.is-centered{transform:none!important}
  #ask-panel .sheet-shell{animation:none!important}
}
/* Mobile reading order: controls precede the swipeable roster, matching DOM focus order. */
@media(max-width:640px){
 .stage-bar{grid-row:3;padding:2px 22px 5px}
 .slide-window{grid-row:4}
 .candidate-slide{height:358px}
 .slide-photo-frame{height:224px}
 .candidate-slide .slide-cta{display:none}
 .slide-profile{padding-top:12px}
 .stage-foot{grid-row:6}
 .stage-general{grid-row:5}
}