/* AmniyatBartar 3.3.0: shared responsive layer; loaded after page styles. */
:root{--rt-safe-bottom:env(safe-area-inset-bottom,0px);--rt-safe-top:env(safe-area-inset-top,0px)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:24px}
body{overflow-wrap:break-word}
img,video,canvas{max-width:100%}img,video{height:auto}
input,select,textarea{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}
button,a{ -webkit-tap-highlight-color:transparent}
:where(main,section,article,form,fieldset,dialog,.workspace,.panel,.card,.ta-section,.rt-app)>*{min-inline-size:0}
:where(p,h1,h2,h3,h4,li,.help,.muted,.notice,.rt-bubble,.rt-admin-message){overflow-wrap:anywhere}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #5c9f98;outline-offset:3px}
.rt-mobile-toggle,.rt-mobile-backdrop{display:none}
.rt-responsive-table{max-width:100%;overflow:auto;overscroll-behavior-inline:contain;border-radius:12px;scrollbar-width:thin}
.rt-responsive-table:focus-visible{outline:3px solid #5c9f98;outline-offset:2px}
.rt-responsive-table table{margin:0;min-width:540px}
.rt-responsive-table-caption{display:block;color:#776983;font-size:11px;line-height:1.8;margin:8px 0}
@media(min-width:801px){.rt-responsive-table-caption{display:none}}
@media(max-width:1100px){
 .site-unified>header{height:auto!important;min-height:88px}
 .home-studio .spotlight,.home-faq{gap:32px}
 .ta-editor{grid-template-columns:180px minmax(0,1fr)}
 .rt-inbox{grid-template-columns:240px minmax(0,1fr)}
 .sec-user-counts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .article-edit-grid{grid-template-columns:minmax(0,1fr) 260px}
}
@media(max-width:800px){
 html{scroll-padding-top:82px}
 body{font-size:14px}
 /* Comfortable controls without disabling pinch zoom. Keep game-cell geometry intact. */
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=color]):not([type=file]),textarea,select{font-size:16px!important;min-height:46px}
 input[type=file]{max-width:100%;font-size:13px;min-height:46px;padding:10px}
 input[type=checkbox],input[type=radio]{width:20px!important;height:20px;flex-shrink:0;vertical-align:middle;accent-color:#7954b0}
 button:not(.visual-cell):not([hidden]),.primary,.secondary,.site-account,summary{min-height:44px}
 button{white-space:normal;line-height:1.7}
 .ta-icon-btn,.ta-x,.auth-close,dialog .x,.modal-top button,.rt-choice-close{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;display:inline-grid!important;place-items:center;line-height:1!important;flex-shrink:0}
 /* Header stays useful when JavaScript is unavailable. JS enhances links into a drawer. */
 .site-unified>header{width:calc(100% - 28px);height:auto!important;min-height:80px;padding:16px 0!important;gap:10px!important;flex-wrap:wrap;align-items:center}
 .site-unified>header .brand{font-size:19px!important;gap:9px}
 .site-unified>header .brand small{font-size:9px;max-width:160px;line-height:1.8}
 .site-unified>header .brand-mark{width:42px;height:44px;font-size:28px;flex-shrink:0}
 .site-unified>header .site-account{margin-inline-start:auto;padding:10px 12px;font-size:11px;display:inline-flex;align-items:center}
 .site-unified>header nav{display:flex!important;width:100%;order:5;gap:8px!important;flex-wrap:wrap!important;border:1px solid #e4daee!important;background:#fffc!important;padding:10px!important;border-radius:18px!important;margin:0!important;font-size:12px!important;justify-content:flex-start!important}
 .site-unified>header nav a{padding:11px 12px!important;min-height:44px;display:flex;align-items:center;border-radius:12px}
 .site-unified>header nav a:hover{background:#eee6f6}
 .rt-mobile-enhanced .rt-mobile-toggle{display:grid;place-items:center;border:1px solid #e4d9ed;background:#fff9;color:#7450a1;width:44px;height:44px;min-width:44px;padding:0;border-radius:14px;order:3;font-size:23px}
 .rt-mobile-enhanced.site-unified>header nav:not(.rt-mobile-nav-open){display:none!important}
 .rt-mobile-enhanced.site-unified>header nav.rt-mobile-nav-open{animation:rt-mobile-reveal .22s ease-out both;box-shadow:0 12px 30px #4b2d6b0d}
 .site-unified>.studio-footer{width:calc(100% - 24px)!important;margin:32px 12px 16px!important;padding:28px 22px calc(24px + var(--rt-safe-bottom))!important;border-radius:26px}
 .site-unified>.studio-footer .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 18px;padding:28px 0}
 .footer-about,.footer-trust{grid-column:1/-1}
 .site-unified>.studio-footer nav a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px}
 .footer-invitation,.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}
 .footer-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;align-items:center}
 /* Homepage: retain artwork and motion, scale using geometry rather than clipping text. */
 .home-studio .hero{grid-template-columns:minmax(0,1fr);padding:28px 20px 40px;min-height:0;gap:18px;text-align:center}
 .home-studio h1{font-size:clamp(32px,9vw,46px);letter-spacing:-1px;line-height:1.7}
 .home-studio .hero-copy>p{font-size:15px;line-height:2.1;margin-inline:auto}
 .home-studio .hero-art{width:min(100%,350px);max-width:100%;height:340px;margin:0 auto;transform:none}
 .home-studio .core{width:210px;height:245px}.home-studio .core svg{width:185px}
 .home-studio .orbit-one{width:min(290px,90%);height:290px}.home-studio .orbit-two{width:min(315px,98%);height:215px}
 .home-studio .card-top{right:0;top:22px}.home-studio .card-bottom{left:0;bottom:15px}
 .home-studio .hero-foot,.home-studio .actions{flex-wrap:wrap;gap:12px;justify-content:center}
 .home-studio .section{padding:42px 18px}.home-studio .topic-strip{margin-inline:14px;padding:20px 14px;gap:14px;flex-wrap:wrap}
 .home-studio .spotlight,.home-faq,.home-studio .ai-section,.home-studio .journey{grid-template-columns:minmax(0,1fr)}
 .home-studio .ai-section,.home-studio .journey{margin-inline:14px;padding:26px 22px;gap:24px}
 .test-grid,.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section-heading,.filters{flex-wrap:wrap}.filters .search{width:100%;min-width:0}
 .home-studio .test-card{padding:22px}.home-studio .test-card p{font-size:14px;line-height:2;min-height:0}
 .home-studio .test-bottom{gap:12px;flex-wrap:wrap}.home-studio .test-bottom a{display:inline-flex;align-items:center;min-height:44px}
 .home-studio .tool-list p{font-size:13px}.home-studio .tool-list h3{font-size:15px}
 body:has(.runner-actions) rt-support,body:has(.ta-savebar) rt-support{--rt-support-lift:90px}
 /* Catalogue, payment, question runner and reports. */
 .rt-app{padding:22px 16px 90px!important;max-width:100%}.rt-app>main{padding:0}
 .rt-app .hero,.test-intro,.workspace-grid,.start-cards,.choice-grid{grid-template-columns:minmax(0,1fr)!important}
 .rt-app .hero,.page-head,.mbti-runner-banner{padding:24px 20px}
 .rt-app .hero h1,.page-head h1{font-size:clamp(25px,6.5vw,35px);line-height:1.8}
 .rt-app .card,.runner .card,.checkout .card{padding:22px 18px;border-radius:22px}
 .rt-app .search{min-width:0;width:100%}.rt-app .toolbar,.report-toolbar{flex-wrap:wrap;gap:10px}
 .runner-actions{bottom:calc(10px + var(--rt-safe-bottom));padding:10px;gap:8px;z-index:3;flex-wrap:wrap}
 .runner-actions button{flex:1;padding:11px 10px;font-size:13px;min-width:90px}
 .runner .options button,.answers button{padding:15px!important;font-size:15px;line-height:1.9;text-align:right}
 .checkout{max-width:100%;gap:16px}.checkout .price{font-size:30px}.coupon-entry{flex-wrap:wrap}.coupon-entry input{flex-basis:100%}
 .rt-charts-grid,.rt-report-guide-grid,.mbti-companion-grid,.mbti-distance,.mbti-result-cover{grid-template-columns:minmax(0,1fr)!important}
 .rt-chart-card{padding:20px 16px}.rt-profile-svg{max-height:none}.rt-chart-legend{gap:10px;font-size:12px}
 .rt-metric-tiles,.scores{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mbti-result-cover{padding:28px 22px;text-align:center;gap:20px}.mbti-result-cover .mbti-art{max-width:210px;margin:auto}
 .mbti-landing{grid-template-columns:minmax(0,1fr);padding:28px 22px}.mbti-how{grid-template-columns:1fr}
 .mbti-distance{padding:24px 18px}.mbti-distance-row{grid-template-columns:78px minmax(50px,1fr) 72px;font-size:11px;gap:6px}
 .rt-rich-analysis{padding:22px 18px!important}.rt-rich-analysis p,.rt-rich-analysis li{font-size:15px;line-height:2.2}
 .rt-rich-analysis h2{font-size:22px}.rt-rich-analysis h3{font-size:19px}
 .rt-rich-analysis table{min-width:440px}.rt-rich-analysis pre,pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
 /* Member dashboard: navigation stays available, cards and payments stack cleanly. */
 body:has(>aside nav[aria-label="پنل کاربری"])>aside{position:sticky;top:0;z-index:8;width:auto;height:auto;padding:12px 16px 8px;background:#fffc;backdrop-filter:blur(14px);gap:6px;border-bottom:1px solid #e5ddee}
 body:has(>aside nav[aria-label="پنل کاربری"])>aside>.brand{font-size:20px}
 body:has(>aside nav[aria-label="پنل کاربری"])>aside>small,body:has(>aside nav[aria-label="پنل کاربری"])>aside>.back{display:none}
 body:has(>aside nav[aria-label="پنل کاربری"])>aside nav{display:flex;overflow:auto;white-space:nowrap;flex-wrap:nowrap;margin:4px 0 0;gap:6px;scrollbar-width:thin;max-width:100%;overscroll-behavior-inline:contain}
 body:has(>aside nav[aria-label="پنل کاربری"])>aside nav a{min-height:44px;padding:11px 13px;font-size:12px;flex-shrink:0;background:#f6f1fb}
 body:has(>aside nav[aria-label="پنل کاربری"])>main{margin:0!important;padding:20px 14px 90px;max-width:100%}
 body:has(#member) .columns{grid-template-columns:minmax(0,1fr)}
 body:has(#member) .hero{padding:24px}.tests-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .tests-summary .mini-stat{padding:18px!important;min-height:110px}.mini-stat span{font-size:12px!important;color:#756281!important}
 .tests-account .test-row{display:flex!important;flex-direction:column;align-items:stretch;padding:20px 16px!important;gap:15px}
 .tests-account .test-row small{font-size:12px!important;color:#84728f}.test-actions{width:100%;justify-content:flex-start;gap:8px}
 .test-actions a,.test-actions button{min-height:44px;font-size:12px!important;display:inline-flex;align-items:center;justify-content:center;flex:1 1 110px}
 .account-tabs{width:100%;max-width:100%;gap:4px!important;flex-wrap:wrap}.account-tabs button{flex:1;padding:10px 7px!important;font-size:12px!important}
 #purchases .record,.session,.record{flex-wrap:wrap;gap:10px;overflow-wrap:anywhere}
 body:has(#member) header{gap:12px;flex-wrap:wrap}body:has(#member) .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 body:has(#member) .stats .card{padding:14px 10px}body:has(#member) .stats small{font-size:11px}
 /* Admin drawer, editor, import, payments, security and articles. */
 #shell,body.collapsed #shell{display:block}#shell .workspace{width:100%;min-width:0;padding:0}
 #sidebar{width:min(300px,88vw)!important;height:100dvh;max-height:100dvh;position:fixed;inset-block-start:0;inset-inline-start:0;inset-inline-end:auto;z-index:1001;overflow-y:auto;overscroll-behavior:contain;padding:calc(18px + var(--rt-safe-top)) 18px calc(24px + var(--rt-safe-bottom))!important}
 #sidebar nav button{min-height:48px}#close-menu{min-height:44px}
 .rt-mobile-backdrop{position:fixed;inset:0;z-index:1000;background:#28203866;border:0;border-radius:0;padding:0;width:100%;height:100%;backdrop-filter:blur(3px)}
 body.menu-open .rt-mobile-backdrop{display:block}body.rt-drawer-lock{overflow:hidden}
 #shell .topbar{position:sticky;top:0;z-index:9;min-height:70px;height:auto;padding:12px 14px;backdrop-filter:blur(16px);gap:8px}
 #shell .top-title{min-width:0;gap:5px}.top-title>span{overflow-wrap:anywhere}.top-title i{margin:0 4px}
 #shell .account{flex-shrink:0;gap:5px}#shell .account time{display:none}#shell .role{font-size:10px}
 #shell main{padding:24px 14px 90px;max-width:100%}#shell footer{padding:16px;gap:10px;flex-wrap:wrap}
 .heading,.ta-editor-hero,.ta-hero,.sec-hero,.panel-title{flex-wrap:wrap;align-items:flex-start;gap:15px}
 .heading h1{font-size:25px}.heading p,.help{font-size:13px;line-height:2}
 .columns,.editor-layout,.two,.ta-editor,.article-edit-grid,.sec-two{grid-template-columns:minmax(0,1fr)!important}
 .panel,.ta-section,.sec-panel{padding:20px 16px}.stats,.ta-stat-grid,.sec-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ta-grid,.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .toolbar,.ta-toolbar,.sec-toolbar,.rt-admin-toolbar,.sec-filter{flex-wrap:wrap;gap:10px}
 .toolbar input,.ta-search,.sec-filter input,.sec-filter select{min-width:0!important;width:100%;max-width:100%}
 .toolbar select{max-width:100%;flex:1 1 130px}.editor-tools{flex-wrap:wrap}
 .ta-tabs{position:static;display:flex;overflow:auto;flex-wrap:nowrap;padding:7px;gap:5px;max-width:100%;scrollbar-width:thin}
 .ta-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:46px;white-space:nowrap}
 .ta-form-wide,.ta-choice-grid,.ta-toggle-grid,.ta-preview-grid{grid-template-columns:minmax(0,1fr)!important}
 .ta-option{grid-template-columns:28px minmax(0,1fr) 72px 44px;gap:5px}
 .ta-qtop{flex-wrap:wrap;gap:8px}.ta-qtop .ta-id-label{grid-template-columns:auto minmax(0,1fr);max-width:100%}
 .ta-band-range{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 44px;width:100%}
 .ta-savebar{bottom:calc(8px + var(--rt-safe-bottom));flex-wrap:wrap;gap:10px;padding:12px;z-index:4}
 .ta-savebar>div{min-width:0}.ta-savebar p{font-size:11px}.ta-actions{flex-wrap:wrap;gap:8px}
 .ta-modal-wrap{padding:10px}.ta-modal,dialog{max-height:calc(100dvh - 24px);max-width:calc(100vw - 20px);padding:22px 16px;overscroll-behavior:contain;scrollbar-width:thin}
 .ta-modal{width:min(640px,100%)}.ta-modal h2{padding-inline-end:36px}
 .ta-version{grid-template-columns:18px minmax(0,1fr);gap:8px}.ta-version>button{grid-column:2}
 .menu-row{grid-template-columns:minmax(0,1fr)}.article-edit-grid aside{display:block;position:static;width:auto;height:auto;padding:0}
 .sec-user-dialog{width:calc(100% - 20px);padding:0;max-height:calc(100dvh - 20px)}
 .sec-dialog-bar{padding:14px 16px}.sec-user-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-score-grid{grid-template-columns:minmax(0,1fr)}
 .sec-ip-row{gap:10px;flex-wrap:wrap}.sec-ip-row b{direction:ltr;unicode-bidi:isolate}
 .sec-chart{overflow:auto;max-width:100%}.sec-chart>div{min-width:22px}.sec-panel code{overflow-wrap:anywhere}
 .rt-inbox{grid-template-columns:minmax(0,1fr);min-height:0}.rt-thread-list{grid-template-columns:1fr!important;max-height:300px;overscroll-behavior:contain}
 .rt-admin-conversation{padding:20px 14px}.rt-conversation-title{flex-wrap:wrap;gap:10px}.rt-conversation-title h2{font-size:19px}
 .rt-conversation-title select{flex:1;min-width:100px}.rt-admin-message{max-width:95%;padding:13px;font-size:14px}
 .rt-admin-log{max-height:55dvh}.rt-admin-reply textarea{min-height:120px}.rt-search{width:100%;flex-wrap:wrap}.rt-search input{min-width:0;flex:1 1 150px}
 .rt-settings{padding:20px 14px}.rt-faq-editor fieldset{padding:18px 12px;min-width:0}.rt-faq-editor{max-height:65dvh}
 .rt-choice-grid{grid-template-columns:minmax(0,1fr)}.rt-choice-dialog{padding:0}.rt-choice-head{padding:20px}
 /* AI tools and performance games preserve their interactions. */
 .landing,.work-grid{grid-template-columns:minmax(0,1fr)!important}.landing{margin:16px 14px 32px;padding:30px 22px;min-height:0}
 .landing .orb{width:180px;height:180px;justify-self:center;margin:20px 0}.landing .orb i{width:220px;height:145px}
 .tool-catalog{padding:0 14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-head{grid-template-columns:auto minmax(0,1fr);gap:12px}
 .workspace-head>p{grid-column:1/-1}.workspace{padding-inline:14px}.composer,.result{padding:22px 18px}.composer-actions,.result-toolbar{flex-wrap:wrap;gap:12px}
 .composer textarea{min-height:230px}.bubble{max-width:95%;font-size:15px}.chat-input{min-width:0}.run{min-width:0}
 .human-main{padding:22px 16px 80px!important}.human-main h1{font-size:28px}.reaction-pad{min-height:260px;font-size:22px}
 .visual-grid{gap:5px}.visual-cell{padding:0!important;min-height:0!important}.human-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .auth-dialog[open]{display:block;overflow-y:auto;max-height:calc(100dvh - 24px);width:calc(100% - 24px);padding:0}.auth-art{display:none}.auth-form{padding:32px 22px 24px}.auth-code{letter-spacing:8px}
 /* Magazine and managed pages. */
 .site-unified.magazine .magazine-main{padding:18px 14px 40px}.site-unified.magazine .magazine-hero{padding:28px 22px}
 .site-unified.magazine .article-document{margin:12px!important;padding:26px 20px!important;max-width:calc(100% - 24px)!important}
 .site-unified.magazine .article-document h1{font-size:28px;line-height:1.9}.site-unified.magazine .article-prose{font-size:16px;line-height:2.25}
 .site-unified.magazine .article-toc ol{columns:1}.site-unified.magazine .article-document figure{margin:24px 0}.site-unified.magazine .article-prose ul{padding:20px 28px 20px 16px}
 .magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-page{padding:26px 20px;max-width:100%}
}
@media(max-width:480px){
 .test-grid,.performance-grid,.rt-app .grid,.ta-grid,.media-grid,.cards,.magazine-grid{grid-template-columns:minmax(0,1fr)!important}
 .home-studio .hero-art{height:310px}.home-studio .float-card{font-size:11px;padding:11px;max-width:150px}
 .site-unified>header .brand small{display:none}.site-unified>header .brand{font-size:18px!important}.site-unified>header .site-account{font-size:11px;padding:9px}
 .rt-metric-tiles{grid-template-columns:1fr!important}.rt-chart-legend{grid-template-columns:1fr}
 .ta-option{grid-template-columns:26px minmax(0,1fr) 44px}.ta-option>input:nth-of-type(2){grid-column:2;grid-row:2}.ta-option>button{grid-column:3;grid-row:1/3}
 .rt-app h1{font-size:27px}.page-head{padding:20px 0}.account-tabs button{font-size:11px!important}
 #shell .top-title i,#shell .role{display:none}.heading>.actions{width:100%;margin:0}.heading>.actions button{flex:1}
 body:has(#member) .stats{grid-template-columns:1fr}.stats .date{min-height:0!important}.stats .card{display:grid;grid-template-columns:1fr auto;gap:4px 12px}.stats .card strong{grid-column:2;grid-row:1/3;margin:0;font-size:26px}.stats .card span{grid-column:1}
 .rt-app .scores{grid-template-columns:1fr!important}.footer-invitation h2{font-size:24px}
}
@media(max-height:520px) and (orientation:landscape){.rt-app{padding-bottom:30px!important}.runner-actions,.ta-savebar{position:static}#shell .topbar{position:relative}.auth-dialog[open],dialog,.ta-modal{max-height:calc(100dvh - 16px)}}
@keyframes rt-mobile-reveal{from{opacity:.65;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media print{.rt-mobile-toggle,.rt-mobile-backdrop,.rt-responsive-table-caption{display:none!important}.rt-responsive-table{overflow:visible}.rt-responsive-table table{min-width:0}#sidebar{position:static!important;height:auto!important}.rt-drawer-lock{overflow:visible!important}}