/* Master Signal shared mobile refinements */
html{max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body{max-width:100%;overflow-x:clip}
img,svg,video,iframe,canvas{max-width:100%}
@media(max-width:700px){
  .wrap{width:calc(100% - 24px)!important;max-width:100%!important;margin-inline:auto!important}
  .head,.nav,.topbar,.footer,.section,.subhero,.hero,.catalog-shell,.magazine,.article-page,.article-detail,.article-page-body{max-width:100%;min-width:0}
  .nav,.head .nav{gap:8px;min-width:0}
  .brand{min-width:0;max-width:calc(100% - 54px)}
  .brand span,.brand small{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .navlinks,.links{max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;white-space:normal}
  .navlinks a,.links a,.nav-dropdown>summary{white-space:normal;overflow-wrap:anywhere;line-height:1.55}
  .hero-inner{grid-template-columns:minmax(0,1fr)!important;min-width:0}
  .strategy-grid,.exchange-grid,.article-grid,.quote-grid,.tool-lab,.grid,.cards,.routes,.related-grid,.feature-grid,.quick,.journal-inputs,.feedback-card,.checks,.checklist-items,.calculator-grid,.masters-grid{grid-template-columns:minmax(0,1fr)!important}
  .strategy-card,.exchange-card,.article-card,.quote-card,.tool-card,.panel,.route,.feature,.course,.article-detail,.article-page-body,.article-map,.article-example,.article-comment-box{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .strategy-diagram,.strategy-preview,.article-thumb,.article-art,.hero-image,.hero-visual img,.article-map img,.quote-logo img,.exchange-logo img{display:block;max-width:100%;height:auto}
  .article-thumb,.article-art{width:100%;aspect-ratio:16/9;object-fit:cover}
  .strategy-controls,.filters,.controls,.search-row,.actions,.journal-controls,.checklist-toolbar,.exchange-actions,.course-actions,.quote-actions,.dialog-actions{flex-wrap:wrap;gap:8px}
  .strategy-controls>* ,.filters>*,.controls>*,.search-row>*,.journal-controls>*{min-width:0;max-width:100%}
  input,select,textarea{max-width:100%;min-width:0;font-size:16px!important}
  button,.btn,.nav-cta,.course-actions a,.exchange-actions a,.quote-actions button{min-height:42px;touch-action:manipulation}
  pre,table,.table-wrap,.journal-table,.results-table{max-width:100%;overflow-x:auto}
  pre,code{overflow-wrap:anywhere}
  dialog,.strategy-modal,.article-modal,.story-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;margin:auto}
  .strategy-diagram,.strategy-preview{width:100%;height:auto}
  .article-page-head,.article-page-footer,.footer-main{gap:12px;flex-wrap:wrap}
  .article-page-body{padding-inline:clamp(14px,4vw,24px)}
  .article-page-body p,.article-detail p{text-align:justify;overflow-wrap:anywhere}
}
@media(max-width:430px){
  .wrap{width:calc(100% - 20px)!important}
  .strategy-specs,.feedback-side,.palettes,.filters,.flashcard-controls{grid-template-columns:minmax(0,1fr)!important}
  .hero,.subhero,.catalog-shell,.magazine{padding:16px!important}
  .hero h1,.subhero h1{font-size:clamp(25px,8vw,34px);line-height:1.35}
  .section-head h2{font-size:clamp(20px,6vw,26px)}
  .strategy-card,.exchange-card,.quote-card,.panel{padding:14px}
  .nav-cta,.social-ctas a{font-size:11px}
}

/* Strategy pages: related articles, checklists, journal, and tools */
.related-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0;padding:18px!important;background:linear-gradient(135deg,#fffdf7,#f6f9fb);border-color:#e6d8ad!important}.related-resources>h2,.related-resources>.related-intro{grid-column:1/-1;margin:0}.related-resources>h2{font-size:21px}.related-intro{color:#687586;font-size:13px;margin-bottom:3px!important}.related-resource{--resource-tone:#258277;border:1px solid #e4e9ef;border-top:3px solid var(--resource-tone);border-radius:14px;padding:14px;background:#fff;min-width:0}.related-resource>span{font-size:11px;color:var(--resource-tone);font-weight:800}.related-resource h3{font-size:16px;margin:5px 0}.related-resource p{font-size:13px;color:#687586;margin:0 0 10px}.related-resource a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:9px;background:var(--resource-tone);color:#fff;font-weight:800;font-size:12px}.article-resource{--resource-tone:#3974ad}.checklist-resource{--resource-tone:#c18a24}.journal-resource{--resource-tone:#8c62ae}.tools-resource{--resource-tone:#178b77}@media(max-width:700px){.related-resources{grid-template-columns:minmax(0,1fr);padding:14px!important}.related-resources>h2,.related-resources>.related-intro{grid-column:1}.related-resource{padding:13px}}

.flash-download{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid #d2b257;border-radius:10px;background:linear-gradient(120deg,#f2d278,#e9b84f);color:#1b170c;font:800 12px Vazirmatn,Tahoma,Arial,sans-serif;cursor:pointer;touch-action:manipulation}.flash-download-answer{background:linear-gradient(120deg,#8dd4c1,#4ab99d);border-color:#49b494;color:#08271f}.flash-download:hover{filter:brightness(1.04);transform:translateY(-1px)}@media(max-width:700px){.flash-download{flex:1 1 145px;font-size:11px;padding:9px 10px}}

/* Flashcard navigation is balanced on narrow screens; both story actions open a preview first. */
@media(max-width:650px){
  .flashcard-controls{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;align-items:stretch}
  .flashcard-controls #flashPrev{grid-column:1/3!important;grid-row:1!important}
  .flashcard-controls #flashFlip{grid-column:3/5!important;grid-row:1!important}
  .flashcard-controls #flashNext{grid-column:5/7!important;grid-row:1!important}
  .flashcard-controls .flash-level-label{grid-column:1/-1!important;grid-row:2!important;width:100%}
  .flashcard-controls #flashCount{grid-column:1/-1!important;grid-row:3!important}
  .flashcard-controls #flashDownloadQuestion{grid-column:1/4!important;grid-row:4!important}
  .flashcard-controls #flashDownloadAnswer{grid-column:4/7!important;grid-row:4!important}
  .flashcard-controls .flash-nav{min-width:0;padding-inline:3px!important;font-size:11px!important;white-space:nowrap}
  .flash-download{min-width:0;padding-inline:5px!important;font-size:10px!important;white-space:nowrap}
}
.flash-story-dialog{width:min(760px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:18px;border:1px solid #dce3ea;border-radius:20px;background:#f8fafc;color:#17202b;box-shadow:0 24px 70px #08111c55}
.flash-story-dialog::backdrop{background:#0b111bcc;backdrop-filter:blur(5px)}
.flash-story-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.flash-story-head h2{margin:0;font-size:20px}.flash-story-head p{margin:4px 0 0;color:#657387;font-size:12px}.flash-story-close{flex:0 0 42px;width:42px;height:42px;border:1px solid #d8e0e8;border-radius:12px;background:#fff;color:#263444;font-size:26px;line-height:1;cursor:pointer}
.flash-story-colors{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0 14px}.story-swatch{width:34px;height:34px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #cbd5df;cursor:pointer}.story-swatch.is-selected{box-shadow:0 0 0 2px #d1a43b}.story-swatch[data-story-bg="#101722"]{background:#101722}.story-swatch[data-story-bg="#172b3b"]{background:#172b3b}.story-swatch[data-story-bg="#26312e"]{background:#26312e}.story-swatch[data-story-bg="#493522"]{background:#493522}.story-custom-color{display:inline-flex;align-items:center;gap:7px;color:#526174;font-size:12px;font-weight:700}.story-custom-color input{width:38px;height:38px;padding:3px;border:1px solid #d6dee7;border-radius:10px;background:#fff;cursor:pointer}
.flash-story-preview{display:flex;justify-content:center;align-items:center;min-height:180px;padding:10px;border-radius:15px;background:repeating-conic-gradient(#e8edf2 0% 25%,#f4f6f8 0% 50%) 50%/18px 18px}.flash-story-preview canvas{display:block;width:auto;height:min(62dvh,690px);max-width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:9px;box-shadow:0 10px 30px #11182724}.flash-story-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.flash-story-footer span{font-size:12px;color:#687588}.flash-story-footer .flash-download{min-width:190px}
@media(max-width:520px){.flash-story-dialog{padding:12px;border-radius:16px}.flash-story-head h2{font-size:17px}.flash-story-head p{font-size:11px}.flash-story-colors{gap:8px}.story-swatch{width:30px;height:30px}.flash-story-preview{padding:6px}.flash-story-preview canvas{height:min(58dvh,560px)}.flash-story-footer{align-items:stretch;flex-direction:column-reverse}.flash-story-footer .flash-download{width:100%}}