.stn-box, .stn-box *{box-sizing:border-box}
.stn-box{--stn-blue:#024a70;--stn-deep:#022660;--stn-text:#123053;--stn-muted:#62758c;direction:rtl;text-align:right;display:flex;align-items:center;gap:26px;width:100%;font-family:inherit}
.stn-box.stn-inline{padding:28px 32px;border-radius:18px;border:1px solid #dce7ef;background:linear-gradient(120deg,#f3f9fc 0%,#fff 68%)}
.stn-box.stn-card{display:block;padding:32px;border:1px solid #deebf0;background:#f5f9fc;border-radius:20px}
.stn-copy{flex:1 1 43%;min-width:0}
.stn-copy h3{color:var(--stn-deep);font-size:clamp(19px,2vw,25px);line-height:1.6;font-weight:800;margin:0 0 7px}
.stn-copy p{color:var(--stn-muted);line-height:1.95;font-size:14px;margin:0}
.stn-form{flex:1 1 57%;display:grid;grid-template-columns:minmax(88px,.75fr) minmax(160px,1.55fr) auto;align-items:stretch;gap:9px;margin:0}
.stn-form input[type=text],.stn-form input[type=email]{min-width:0;width:100%;height:46px;line-height:46px;font:inherit;font-size:13px;color:var(--stn-text);border:1px solid #d6e3eb;background:white;border-radius:10px;padding:0 13px;box-shadow:none}
.stn-form input:focus{outline:2px solid #86bed1;outline-offset:1px}
.stn-form button{min-height:46px;border:0!important;border-radius:10px;background:linear-gradient(115deg,var(--stn-blue),var(--stn-deep));color:#fff!important;font:inherit;font-size:13px;font-weight:700;line-height:1.5;padding:10px 17px;white-space:nowrap;cursor:pointer;transition:filter .2s ease,transform .2s ease}
.stn-form button:hover{filter:brightness(1.09);transform:translateY(-1px)}
.stn-form button:disabled{opacity:.6;cursor:wait;transform:none}
.stn-consent{grid-column:1/-1;font-size:11px;line-height:1.9;color:var(--stn-muted);display:flex;align-items:flex-start;gap:8px;cursor:pointer}
.stn-consent input[type=checkbox]{margin:4px 0 0;flex:none;accent-color:#024a70}
.stn-response{grid-column:1/-1;min-height:0;margin:0!important;font-size:12px;line-height:1.8}
.stn-response.stn-success{color:#087d70}.stn-response.stn-error{color:#af3347}
.stn-form{position:relative}
/* Hide the honeypot inside the form. The previous left:-9999px caused a
   10,000px-wide horizontal scrollbar inside RTL modal dialogs. */
.stn-honey{position:absolute!important;top:0!important;left:0!important;right:auto!important;width:1px!important;height:1px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;opacity:0!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;pointer-events:none!important;white-space:nowrap!important}
.stn-offline{font-size:13px;color:#557187;margin:0}
.stn-card .stn-copy{margin-bottom:18px}.stn-card .stn-form{display:grid}
@media(max-width:1100px){.stn-box.stn-inline{align-items:stretch;flex-direction:column;gap:17px}.stn-form{width:100%}}
@media(max-width:620px){.stn-box.stn-inline,.stn-box.stn-card{padding:22px 18px;border-radius:16px}.stn-form{grid-template-columns:1fr}.stn-form .stn-name,.stn-form input[type=email],.stn-form button{grid-column:1/-1}.stn-copy h3{font-size:21px}.stn-consent{line-height:1.85}}

/* v1.1 — compact, in-page expandable signup (no navigation / popup). */
.stn-box.stn-collapsible{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 22px;align-items:center}
.stn-box.stn-collapsible.stn-card{display:grid}
.stn-box.stn-collapsible .stn-copy{min-width:0;margin:0}
.stn-toggle[hidden]{display:none!important}
.stn-toggle{border:0;display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;border-radius:11px;padding:11px 18px;background:linear-gradient(110deg,#024a70,#022660);font:inherit;font-weight:700;font-size:13px;color:#fff;cursor:pointer;white-space:nowrap;box-shadow:0 7px 20px rgba(2,38,96,.11);transition:filter .2s ease,box-shadow .2s ease}
.stn-toggle:hover,.stn-toggle:focus-visible{filter:brightness(1.09);box-shadow:0 9px 22px rgba(2,38,96,.18)}
.stn-toggle:focus-visible{outline:2px solid #2d9cc4;outline-offset:3px}
.stn-toggle::after{content:"";width:7px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .25s ease}
.stn-is-open .stn-toggle::after{transform:rotate(135deg)}
.stn-box.stn-collapsible .stn-drawer{grid-column:1/-1;min-width:0;width:100%;display:grid;grid-template-rows:1fr}
.stn-box.stn-collapsible .stn-drawer-inner{min-width:0;min-height:0;overflow:hidden}
.stn-box.stn-collapsible .stn-drawer .stn-form{width:100%}
.stn-box.stn-collapsible.stn-enhanced .stn-drawer{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .32s ease,opacity .25s ease,visibility 0s linear .32s}
.stn-box.stn-collapsible.stn-enhanced.stn-is-open .stn-drawer{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .32s ease,opacity .25s ease,visibility 0s}
.stn-box.stn-collapsible .stn-drawer-inner .stn-form{padding-top:8px}
.stn-box.stn-collapsible .stn-offline{grid-column:2}
@media(max-width:620px){
  .stn-box.stn-collapsible{grid-template-columns:minmax(0,1fr);gap:12px}
  .stn-box.stn-collapsible .stn-copy h3{margin-bottom:3px}
  .stn-box.stn-collapsible .stn-toggle{justify-self:stretch;width:100%}
  .stn-box.stn-collapsible .stn-offline{grid-column:1}
}
@media(prefers-reduced-motion:reduce){.stn-toggle,.stn-toggle::after,.stn-box.stn-collapsible.stn-enhanced .stn-drawer{transition:none!important}}

/* v1.3 Interest selector stays within the existing in-page drawer. */
.stn-topic-picker{grid-column:1/-1;display:flex;align-items:center;gap:12px;color:#4a627a;font-size:12px;line-height:1.8}
.stn-topic-picker select{flex:1;max-width:310px;min-height:38px;border:1px solid #d6e3eb;background:#fff;color:#123053;border-radius:9px;padding:6px 10px;font:inherit}
@media(max-width:620px){.stn-topic-picker{flex-direction:column;align-items:stretch;gap:5px}.stn-topic-picker select{max-width:100%}}


/* v1.4.2 — one branded modal for /newsletter/ links on every article and page. */
.stn-modal[hidden]{display:none!important}
.stn-modal{position:fixed;z-index:2147482000;inset:0;display:flex;justify-content:center;align-items:center;padding:18px;direction:rtl}
.stn-modal-backdrop{position:absolute;inset:0;background:rgba(2,23,49,.68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.stn-modal-dialog{box-sizing:border-box;position:relative;max-width:100%;max-height:min(92dvh,780px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;width:min(100%,580px);border-radius:22px;background:#fff;border:1px solid #dce7ef;box-shadow:0 24px 90px rgba(2,30,57,.22);padding:25px 24px 21px;outline:none}
.stn-modal-close{position:absolute;top:12px;left:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d9e7ee;border-radius:10px;background:#fff;color:#123053;font:700 24px/1 Arial,sans-serif;cursor:pointer}
.stn-modal-close:hover{background:#eff7fa}
.stn-modal .stn-box.stn-card{border:0;background:transparent;padding:6px 0 0;border-radius:0;box-shadow:none}
.stn-modal .stn-box .stn-copy{padding-inline-start:24px;margin-bottom:18px}
.stn-modal .stn-box .stn-copy h3{font-size:clamp(19px,2.6vw,23px);line-height:1.55}
.stn-modal .stn-form{grid-template-columns:1fr 1.4fr;gap:10px}
.stn-modal .stn-form .stn-topic-picker{grid-column:1/-1}
.stn-modal .stn-form .stn-submit{grid-column:1/-1}
.stn-modal .stn-form .stn-consent{grid-column:1/-1}
.stn-modal-open{overflow:hidden!important}
@media(max-width:620px){
  .stn-modal{padding:0;align-items:flex-end}
  .stn-modal-dialog{width:100%;max-height:88dvh;border-radius:20px 20px 0 0;padding:26px 20px max(22px,env(safe-area-inset-bottom));border-bottom:0}
  .stn-modal .stn-form{grid-template-columns:1fr}
  .stn-modal .stn-box .stn-copy{padding-inline-start:28px}
}
@media(prefers-reduced-motion:reduce){.stn-modal-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* v1.4.3 — constrain modal controls without clipping visible form content. */
.stn-modal .stn-box,.stn-modal .stn-form,.stn-modal .stn-topic-picker,.stn-modal .stn-consent{min-width:0;max-width:100%}
.stn-modal .stn-form{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.stn-modal .stn-topic-picker select,.stn-modal .stn-form input[type=text],.stn-modal .stn-form input[type=email]{box-sizing:border-box;min-width:0;max-width:100%}
.stn-modal .stn-topic-picker{flex-wrap:wrap}
.stn-modal .stn-consent{overflow-wrap:anywhere}
@media(max-width:620px){.stn-modal .stn-form{grid-template-columns:minmax(0,1fr)}}

/* v1.4.4 — latest real published article in the global signup popup. */
.stn-modal-featured{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:13px;min-width:0;max-width:100%;padding:12px;margin-top:15px;background:#f4f8fb;border:1px solid #e1eaf0;border-radius:12px;direction:rtl;overflow:hidden}
.stn-modal-featured-image{display:block;flex:0 0 84px;min-width:0;height:72px;border-radius:9px;overflow:hidden}
.stn-modal-featured-image img{display:block;width:100%;height:100%;object-fit:cover}
.stn-modal-featured-placeholder{display:flex;flex:0 0 84px;height:72px;align-items:center;justify-content:center;border-radius:9px;background:#022660;color:#fff;font-weight:800}
.stn-modal-featured-content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.stn-modal-featured-content>span{font-size:11px;line-height:1.5;color:#00786f;font-weight:700}
.stn-modal-featured-content>strong{font-size:13px;line-height:1.7;color:#123053;overflow-wrap:anywhere}
.stn-modal-featured-content>a{align-self:flex-start;font-size:12px;color:#024a70;text-decoration:none;font-weight:700}
.stn-modal-featured-content>a:hover{text-decoration:underline}
@media(max-width:420px){.stn-modal-featured{gap:10px;padding:10px}.stn-modal-featured-image,.stn-modal-featured-placeholder{flex-basis:68px;height:68px}}