/* v0.17.4.1 — Readable, full-bleed three-way gateway.
   Intent: preserve 3 choices, original green/ivory/bronze palette and every API contract.
   No extra visual containers or colors. */
html[data-ui="refined"] body{
  padding-bottom:0!important; /* old mobile-tab safe area had survived tab removal */
  background:#18372c;
}
html[data-ui="refined"] .portal-site-header,
html[data-ui="refined"] .portal-site-header .head-inner {background:#f6f2e9}
html[data-ui="refined"] .portal-site-header .head-inner {min-height:67px}
html[data-ui="refined"] .portal-site-header .logo{font-size:clamp(25px,3.5vw,30px)}
html[data-ui="refined"] .portal-head-note{display:none!important}
html[data-ui="refined"] .portal-main{background:#18372c;min-height:calc(100dvh - 67px)}
html[data-ui="refined"] .portal-gateway{
  color:#fffaf0;background:#18372c;
  width:min(860px,calc(100% - 52px));
  min-height:calc(100dvh - 67px);
  padding:clamp(26px,5vh,56px) 0 max(22px,env(safe-area-inset-bottom));
  justify-content:center;gap:clamp(19px,3vh,29px);
}
html[data-ui="refined"] .portal-intro{padding:0 8px;max-width:700px;margin:0 auto;width:100%;text-align:center;}
html[data-ui="refined"] .portal-eyebrow{display:none!important}
html[data-ui="refined"] .portal-intro h1{
  font:760 clamp(39px,5vw,58px)/1.31 var(--display);
  color:#fffaf0;letter-spacing:-.025em;
}
html[data-ui="refined"] .portal-intro p{
  margin:7px auto 0;color:#d1ddd1;
  font-size:clamp(17px,1.7vw,20px);line-height:1.75;
}
/* The three actions are rows on the same plane, not nested cards. */
html[data-ui="refined"] .portal-doorway{
  width:100%;background:transparent;border:0;border-radius:0;padding:0;
  box-shadow:none;display:flex;flex-direction:column;
  border-top:1px solid rgba(255,250,240,.22);
  border-bottom:1px solid rgba(255,250,240,.22);
}
html[data-ui="refined"] .portal-option{
  flex:1 1 0;min-height:clamp(113px,16vh,148px);padding:22px 12px;
  grid-template-columns:55px minmax(0,1fr) 36px;gap:clamp(12px,3vw,25px);
}
html[data-ui="refined"] .portal-option+.portal-option{
  border-top:1px solid rgba(255,250,240,.20);
}
html[data-ui="refined"] .portal-symbol{
  width:51px;min-width:51px;height:51px;border:0;border-radius:0;
  color:#e7d0b5;background:none;
}
html[data-ui="refined"] .portal-symbol svg{width:33px;height:33px}
html[data-ui="refined"] .portal-option-copy{gap:4px}
html[data-ui="refined"] .portal-option-copy strong{
  font:740 clamp(23px,2.45vw,30px)/1.4 var(--display);color:#fffaf0;
}
html[data-ui="refined"] .portal-option-copy small{
  font:450 clamp(16px,1.55vw,18px)/1.6 var(--font);color:#d1ddd1;
}
html[data-ui="refined"] .portal-option-arrow{font-size:28px;color:#e7c39a}
html[data-ui="refined"] .portal-microfooter{
  margin:0;gap:14px;color:#d1ddd1;font-size:15px;line-height:1.65;
  padding:0 8px;text-wrap:pretty;
}
html[data-ui="refined"] .portal-microfooter button{
  min-height:44px;font-size:15px;font-weight:600;color:#fffaf0;
  border-bottom-color:#d1ddd1;
}
/* Route labels, carousel text and search must not disappear on a phone. */
html[data-ui="refined"] .portal-route-caption{font-size:14px;color:#d1ddd1}
html[data-ui="refined"] .portal-back{font-size:16px;font-weight:650}
html[data-ui="refined"] .stage-description{font-size:16px;line-height:1.7;color:#d1ddd1}
html[data-ui="refined"] .slide-name{font-size:clamp(21px,2vw,25px)}
html[data-ui="refined"] .slide-meta{font-size:15px;line-height:1.55;color:#506557}
html[data-ui="refined"] .stage-find input{font-size:16px}
html[data-ui="refined"] .slide-indicator{font-size:14px;min-width:64px}
html[data-ui="refined"] .stage-foot{font-size:14px;line-height:1.6}
html[data-ui="refined"] .stage-general button{font-size:16px;min-height:44px}
/* Readable tracking and published-dialogue screens; preserve their logic. */
html[data-ui="refined"] #track-panel .sheet-help,
html[data-ui="refined"] #dialogue-panel .sheet-help{font-size:16px;line-height:1.8}
html[data-ui="refined"] #track-panel .field-label{font-size:16px}
html[data-ui="refined"] #dialogue-panel .dialogue-item summary{font-size:17px;line-height:1.6}
html[data-ui="refined"] .preview-track-hint{font-size:15px}
html[data-ui="refined"] #ask-panel .peer-info small,
html[data-ui="refined"] #ask-panel .peer-offline{font-size:13px}
html[data-ui="refined"] #ask-panel .chat-guidance{font-size:16px}
html[data-ui="refined"] #ask-panel .chat-consent-hint{font-size:13px}
@media(max-width:650px){
  html[data-ui="refined"] .portal-site-header .head-inner{min-height:65px}
  html[data-ui="refined"] .portal-main{min-height:calc(100dvh - 65px)}
  html[data-ui="refined"] .portal-gateway{
    min-height:calc(100dvh - 65px);width:calc(100% - 44px);
    padding:clamp(20px,4.3vh,41px) 0 max(18px,env(safe-area-inset-bottom));
    justify-content:center;gap:clamp(14px,2.6vh,25px);
  }
  html[data-ui="refined"] .portal-intro{padding:0 3px}
  html[data-ui="refined"] .portal-intro h1{font-size:clamp(36px,9vw,44px);line-height:1.35}
  html[data-ui="refined"] .portal-intro p{font-size:17px;margin-top:5px}
  html[data-ui="refined"] .portal-doorway{border-radius:0;padding:0;box-shadow:none}
  html[data-ui="refined"] .portal-option{
    min-height:clamp(104px,17.6vh,140px);padding:15px 2px;
    grid-template-columns:49px minmax(0,1fr) 26px;gap:13px;
  }
  html[data-ui="refined"] .portal-symbol{height:44px;width:44px;min-width:44px}
  html[data-ui="refined"] .portal-symbol svg{width:31px;height:31px}
  html[data-ui="refined"] .portal-option-copy strong{font-size:clamp(22px,5.9vw,27px)}
  html[data-ui="refined"] .portal-option-copy small{font-size:16px;line-height:1.55}
  html[data-ui="refined"] .portal-option-arrow{font-size:25px}
  html[data-ui="refined"] .portal-microfooter{font-size:14px;gap:11px;padding:0}
  html[data-ui="refined"] .portal-microfooter button{font-size:15px;min-height:44px}
  html[data-ui="refined"] .portal-route-caption{font-size:14px}
  html[data-ui="refined"] .stage-intro h1{font-size:clamp(33px,8vw,40px)}
  html[data-ui="refined"] .stage-description{font-size:16px}
  html[data-ui="refined"] .candidate-slide{height:min(400px,48vh);min-height:302px}
  html[data-ui="refined"] .slide-profile{min-height:94px;padding:11px 15px 13px}
  html[data-ui="refined"] .slide-name{font-size:22px}
  html[data-ui="refined"] .slide-meta{font-size:14px;line-height:1.45;max-height:42px}
  html[data-ui="refined"] .stage-find input{font-size:16px}
  html[data-ui="refined"] .slide-indicator{font-size:13px;min-width:54px}
  html[data-ui="refined"] .stage-foot{font-size:13px;line-height:1.5;padding-top:3px}
  html[data-ui="refined"] .stage-general button{font-size:15px}
  html[data-ui="refined"] #dialogue-panel .dialogue-item summary{font-size:17px}
  html[data-ui="refined"] #ask-panel .quick-send-actions button{font-size:15px}
  html[data-ui="refined"] #ask-panel .chat-editor-foot small{font-size:13px}
}
@media(max-width:360px){
  html[data-ui="refined"] .portal-gateway{width:calc(100% - 30px)}
  html[data-ui="refined"] .portal-option{grid-template-columns:42px minmax(0,1fr) 22px;gap:9px;min-height:114px}
  html[data-ui="refined"] .portal-option-copy strong{font-size:21px}
  html[data-ui="refined"] .portal-option-copy small{font-size:15px}
  html[data-ui="refined"] .portal-symbol{width:40px;min-width:40px;height:40px}
  html[data-ui="refined"] .portal-symbol svg{width:29px;height:29px}
  html[data-ui="refined"] .portal-intro h1{font-size:35px}
  html[data-ui="refined"] .portal-microfooter{font-size:13px}
}
@media(max-height:670px){
 html[data-ui="refined"] .portal-gateway{gap:11px;padding-block:12px}
 html[data-ui="refined"] .portal-option{min-height:97px;padding-block:10px}
 html[data-ui="refined"] .portal-intro h1{font-size:clamp(32px,7vw,40px)}
 html[data-ui="refined"] .portal-intro p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 html[data-ui="refined"] .portal-option{transition:none}
}