@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=Noto+Naskh+Arabic:wght@400;500;600&display=swap');
.auth-legal{display:flex;align-items:flex-start;gap:10px;margin:20px 0;font-size:12px;line-height:1.7;color:var(--ink)}.auth-legal input{flex:0 0 18px;width:18px;height:18px;margin:3px 0 0;accent-color:var(--green)}.auth-legal a{text-decoration:underline;text-underline-offset:3px}.auth-legal label{cursor:pointer}
:root{--bg:#f5f4ef;--paper:#fffefa;--ink:#263b34;--muted:#81877d;--green:#173e35;--green-soft:#e7ede6;--gold:#b4935d;--gold-soft:#f3ecdd;--line:#e5e6dc;--red:#8e493b;--radius:18px;--shadow:0 7px 35px #163c3305}
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b4935d;outline-offset:3px}button,input,textarea,select{border-radius:9px}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;background:var(--green);color:white;padding:12px}.skip-link:focus{top:16px}
.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#f9f9f4;border-right:1px solid var(--line);padding:35px 23px 24px;display:flex;flex-direction:column;z-index:25}.brand{display:flex;gap:11px;align-items:center;padding:0 7px}.brand>span{font-family:Georgia,serif;font-size:39px;font-weight:bold;letter-spacing:-1.7px;line-height:1}.brand-sub{display:block;font-family:'DM Sans',sans-serif;font-size:8px;font-weight:600;letter-spacing:2px;margin-top:10px}.sidebar-rule{height:1px;background:var(--line);margin:28px 9px 22px}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#92968b;padding:0 13px;margin-bottom:14px;font-weight:700}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;color:#6f796e;border-radius:9px;font-size:13px;font-weight:500;transition:background .18s,color .18s}.sidebar nav a:hover{background:#eaf0e7;color:var(--green)}.sidebar nav a.active{background:var(--green);color:#fff}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);margin-left:auto}.nav-badge{font-size:9px;background:#eee8d8;color:#826b41;padding:0 6px;border-radius:4px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:24px 10px 2px}.sidebar-quote{font-family:Georgia,serif;font-size:21px;line-height:1.45;margin-bottom:13px;color:#405a49}.sidebar-quote em{color:#a18a5d}.sidebar-bottom>span{font-size:10px;color:#93998a}.install-button{margin-top:18px;border:1px solid var(--line);padding:8px 10px;background:transparent;width:100%;color:var(--green);font-size:11px;text-align:left}.install-button span{float:right}.page-shell{margin-left:244px;min-height:100vh}.topbar{height:85px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 42px;background:#f9f9f4}.topbar-left,.topbar-right{display:flex;align-items:center;gap:24px}.breadcrumb{color:#8c9388;font-size:12px}.breadcrumb span{padding:0 12px;color:#c2c6bb}.breadcrumb b{font-weight:500;color:#5e6b60}.topbar-date{color:#8a9285;font-size:11px}.button{border:1px solid var(--green);background:var(--green);color:#fff;padding:11px 18px;display:inline-flex;justify-content:center;align-items:center;gap:16px;font-size:12px;font-weight:600;line-height:1.4;transition:transform .16s,background .16s}.button:hover{background:#265446;transform:translateY(-1px)}.button-small{font-size:11px;padding:9px 13px;border-radius:7px}.button-outline{background:transparent;color:var(--green);border-color:#d4dccf}.button-outline:hover{background:#e8eee3}.button-gold{background:#b69764;border-color:#b69764;color:white}.button-gold:hover{background:#a48756}.button-block{width:100%}.text-button{background:none;border:0;padding:0;color:var(--green);font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:10px}.text-button:hover{text-decoration:underline}.text-button .icon{width:16px;height:16px}.icon-button{border:0;background:transparent;color:var(--green);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.mobile-menu{display:none}.connection-note{font-size:10px;color:#8a8c7d;text-align:right;max-width:1520px;margin:auto;padding:8px 42px 0;min-height:25px}.connection-note b{font-weight:500;color:#6d7d6b}main{padding:21px 42px 45px;max-width:1520px;margin:auto;outline:none}.eyebrow{font-size:9px;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow:before{content:'';display:inline-block;width:18px;height:1px;background:var(--gold)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',system-ui,sans-serif}h1{font-size:34px;line-height:1.28;letter-spacing:-1.2px;font-weight:650}h2{font-size:20px;letter-spacing:-.6px;line-height:1.4;font-weight:650}h3{font-size:15px;line-height:1.5;font-weight:700}.muted{color:var(--muted)}.page-intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin:5px 0 27px}.page-intro .eyebrow{margin-bottom:12px}.page-intro p{font-size:12px;color:#838c80;margin-top:9px}.intro-mark{font-size:13px;color:#958764;max-width:190px;text-align:right;font-family:Georgia,serif;font-style:italic;border-right:2px solid #d6c7a4;padding-right:14px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 303px;gap:22px;align-items:start}.stack{display:grid;gap:21px;min-width:0}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-pad{padding:23px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-kicker{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#959c8b;text-transform:uppercase;margin-bottom:6px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.section-title h2{font-size:17px}.section-title .text-button{font-size:11px}.soft-label,.pill{font-size:9px;font-weight:500;color:#7f8d77;background:#f0f3e9;border:1px solid #e2e9d9;border-radius:5px;padding:3px 7px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.soft-label::before{content:'';width:4px;height:4px;background:#9caa80;border-radius:50%}.pill-gold{background:var(--gold-soft);color:#9b7d47;border-color:#e8dec6}.pill-green{background:var(--green-soft);color:var(--green);border-color:#d8e2d5}
.atlas-card{position:relative}.atlas-top{padding:23px 25px 0;display:flex;justify-content:space-between;gap:12px}.atlas-top h2{font-size:20px}.atlas-top p{color:#949a8e;font-size:11px;margin-top:4px}.atlas-tabs{display:flex;gap:3px;background:#f0f1e9;border-radius:7px;padding:3px;width:max-content;margin:20px 25px 0}.atlas-tabs button{border:0;background:transparent;color:#87907f;font-size:10px;padding:7px 13px;border-radius:5px;display:flex;gap:7px;align-items:center}.atlas-tabs button .icon{width:13px;height:13px}.atlas-tabs button[aria-pressed=true]{background:var(--paper);box-shadow:0 1px 5px #243e3310;color:var(--green)}.atlas-toolbar{margin:15px 25px 0;min-height:24px;display:flex;justify-content:space-between;align-items:center;gap:10px}.atlas-breadcrumb{font-size:11px;display:flex;align-items:center;gap:8px}.atlas-breadcrumb button{border:0;background:none;padding:0;color:var(--green);font-size:11px;font-weight:600}.atlas-breadcrumb span{color:#a1a794}.atlas-select{border:1px solid #e2e6d9;background:transparent;padding:4px 6px;font-size:10px;max-width:155px;color:#73816c;border-radius:5px}.map-canvas{height:262px;position:relative;margin:8px 16px 0;background-image:radial-gradient(#a6b19f35 .65px,transparent .65px);background-size:15px 15px;display:flex;align-items:center;justify-content:center}.map-canvas svg{width:100%;height:100%;overflow:visible;animation:map-enter .3s ease-out}.map-region{fill:#e3e7d8;stroke:#fffefa;stroke-width:.9;stroke-linejoin:round;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .18s,filter .18s;outline:none}.map-region:hover,.map-region:focus-visible{fill:#c7d2bc;stroke:#a18a5e;stroke-width:1.5;filter:drop-shadow(0 0 3px #8b9e8220)}.map-region.owned{fill:#376350}.map-region.partial{fill:#8ea283}.map-region.eligible{fill:#d9c6a3}.map-region.selected{fill:#b38f58;stroke:#795f37;stroke-width:1.5}.map-region.owned:hover{fill:#254a3b}.map-region.partial:hover{fill:#6b8b62}.map-watermark{position:absolute;bottom:7px;left:13px;font-size:8px;color:#a4aa98;letter-spacing:.4px}.map-tooltip{position:fixed;z-index:80;pointer-events:none;background:#173e35;color:white;font-size:11px;border-radius:7px;padding:7px 11px;box-shadow:0 5px 18px #152c3520;max-width:270px}.map-tooltip small{opacity:.7;font-size:9px;display:block}.atlas-bottom{margin:7px 25px 0;padding:13px 0;border-top:1px solid #edf0e4;display:flex;gap:12px;align-items:center;justify-content:space-between}.map-legend{display:flex;gap:13px;font-size:8px;color:#8c9483;flex-wrap:wrap}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:6px;height:6px;background:#e3e7d8;border-radius:50%}.map-legend .owned-dot{background:#376350}.map-legend .partial-dot{background:#8ea283}.atlas-count{font-size:10px;color:#8d957f;white-space:nowrap}.atlas-count strong{color:var(--green);font-weight:600}.atlas-callout{display:flex;gap:12px;align-items:center;background:#f2f4eb;border-top:1px solid var(--line);padding:12px 25px}.atlas-callout>.icon{color:#a08959;width:24px;height:24px}.atlas-callout p{font-size:10px;color:#8b947d}.atlas-callout strong{display:block;color:#56684b;font-size:11px;font-weight:600}.atlas-callout .text-button{margin-left:auto;font-size:10px;white-space:nowrap}.map-detail{margin:0 25px 15px;padding:13px 15px;border:1px solid #e0e5d6;border-radius:10px;background:#f9faf5;display:flex;align-items:center;justify-content:space-between;gap:15px}.map-detail strong{font-size:12px}.map-detail p{color:#909980;font-size:10px;margin-top:3px}.map-empty{position:absolute;inset:auto 15px 20px;z-index:2;text-align:center;pointer-events:none}.map-empty span{font-size:10px;background:#fffefadd;padding:6px 10px;border-radius:6px;color:#6c7c62}.atlas-full .map-canvas{height:430px}.atlas-full .atlas-top{padding-top:27px}.atlas-full .atlas-top h2{font-size:25px}
.challenge-card{padding:22px}.challenge-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.challenge-heading .eyebrow{letter-spacing:1.5px;font-size:8px}.mini-time{font-size:9px;color:#9ba188;display:flex;gap:4px;align-items:center}.mini-time .icon{width:11px;height:11px}.challenge-card h2{font-size:18px;letter-spacing:-.5px}.challenge-card>p{font-size:10px;color:#919885;margin:6px 0 14px}.manuscript{height:140px;border:1px solid #e6dac0;border-radius:10px;background-color:#f0e5ce;background-image:radial-gradient(#9e865720 .6px,transparent .6px),linear-gradient(125deg,#f9f1df80,#b9a67b15);background-size:4px 4px,auto;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.manuscript::before{content:'';position:absolute;inset:10px;border:1px solid #c5b58d66;border-radius:3px}.manuscript::after{content:'ÖRNEK OKUMA';position:absolute;bottom:10px;right:13px;color:#aa9468;letter-spacing:2px;font-size:6px}.ottoman-word{font-family:'Noto Naskh Arabic','Traditional Arabic',serif;font-size:66px;font-weight:500;color:#5f4b2d;transform:rotate(-5deg);line-height:1.4}.manuscript img{max-width:100%;max-height:100%;object-fit:contain;position:relative;z-index:1}.reward-line{display:flex;align-items:center;justify-content:space-between;margin:12px 0 17px;color:#829070;font-size:9px}.reward-line span{display:flex;gap:5px;align-items:center}.reward-line .icon{width:12px;height:12px;color:#a9915f}.challenge-card .button{font-size:10px;padding:11px}.challenge-card .button .icon{width:14px;height:14px}.small-note{text-align:center;color:#a3a891;font-size:8px;margin-top:9px}.journey-card{padding:21px}.journey-row{display:flex;gap:12px;align-items:center;margin-top:17px}.avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#e8eddf;color:#5e7654;border-radius:50%;font-size:12px;flex-shrink:0;border:3px solid #f2f5e9}.avatar-large{width:70px;height:70px;font-size:23px}.journey-row strong{font-size:11px;display:block}.journey-row p{font-size:9px;color:#929b83}.journey-stats{display:flex;gap:13px;margin:17px 0;padding:13px 0;border-top:1px solid #eff0e7;border-bottom:1px solid #eff0e7}.journey-stats>div{flex:1}.journey-stats strong{font-family:'Manrope';font-size:17px;font-weight:650;display:block}.journey-stats span{font-size:8px;color:#98a08b}.progress-track{height:4px;background:#ecefdf;border-radius:10px;overflow:hidden}.progress-track span{height:100%;background:#ac9465;display:block;border-radius:10px;transition:width .4s}.progress-label{display:flex;justify-content:space-between;font-size:8px;color:#9da48f;margin-bottom:7px}.journey-card .text-button{font-size:10px;margin-top:16px}.guest-prompt{font-size:11px;color:#949d87;margin:15px 0}.guest-prompt+p{font-size:10px;color:#a1a993}
.lesson-card{display:flex;gap:17px;align-items:center;padding:20px 22px}.date-tile{width:59px;min-height:67px;border:1px solid #e4e6d9;border-radius:10px;background:#f5f6ef;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0}.date-tile b{font-family:'Manrope';font-size:24px;line-height:1.2;font-weight:650}.date-tile span{font-size:8px;letter-spacing:1px;margin-top:4px;color:#929d83}.lesson-info{flex:1;min-width:0}.lesson-info h3{font-size:13px}.lesson-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:9px;color:#98a18e;margin-top:6px}.lesson-meta span{display:flex;align-items:center;gap:4px}.lesson-meta .icon{width:11px;height:11px}.lesson-card>.button{font-size:10px;padding:10px 13px}.learning-note{display:flex;gap:17px;border:1px solid #e4e0d0;background:#f0eee3;border-radius:13px;padding:18px 21px;align-items:flex-start}.learning-note>.icon{color:#9c885d;width:25px;height:25px;margin-top:2px}.learning-note strong{font-size:11px;font-weight:500}.learning-note p{font-size:10px;color:#999a84;margin-top:3px}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.compact-card{padding:20px 22px;display:flex;gap:15px;align-items:center}.compact-card .feature-symbol{display:flex;align-items:center;justify-content:center;background:#eee9da;border-radius:11px;color:#aa915e;width:40px;height:40px;flex-shrink:0}.compact-card h3{font-size:12px}.compact-card p{font-size:9px;color:#969d88;margin-top:3px}.compact-card>.icon{width:16px;color:#929d84;margin-left:auto}.site-footer{padding:0 42px 28px;display:flex;justify-content:space-between;gap:20px;color:#a7ab99;font-size:9px;max-width:1520px;margin:auto}.site-footer a{color:#86917b}.footer-dot{padding:0 5px}.mobile-nav{display:none}
.route-heading{margin:8px 0 25px}.route-heading .eyebrow{margin-bottom:12px}.route-heading p{margin-top:8px;color:var(--muted);font-size:12px}.two-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.info-card{padding:24px}.info-card h3{margin-bottom:10px}.info-card p{font-size:12px;color:#89917e}.info-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:16px}.info-list li{display:flex;gap:12px;font-size:11px;color:#89917e}.info-list b{display:block;color:#52664d;margin-bottom:3px;font-size:12px}.step-no{width:26px;height:26px;border:1px solid #dce3d1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#a38d5c;font-size:10px}.form-field{display:grid;gap:7px;margin:15px 0}.form-field label,.form-field>span{font-size:11px;color:#5b6d53;font-weight:600}.form-field input,.form-field textarea,.form-field select{border:1px solid #dce2d2;padding:11px 12px;background:#fffefa;color:var(--ink);width:100%;min-width:0}.form-field textarea{resize:vertical;min-height:90px}.form-field small{color:#929a87;font-size:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-error{font-size:11px;color:#9d4c3f;margin:10px 0}.answer-panel{padding:30px}.answer-panel .manuscript{height:245px}.answer-panel .ottoman-word{font-size:110px}.answer-panel .challenge-heading{margin-bottom:24px}.answer-panel h2{font-size:24px}.answer-form{margin-top:25px}.answer-input-row{display:flex;gap:10px}.answer-input-row input{border:1px solid #d8dfcf;padding:13px 15px;background:#fffefa;width:100%;min-width:0}.answer-feedback{padding:17px;margin-top:20px;background:#eef3e7;border:1px solid #dce5ce;border-radius:10px;font-size:12px}.answer-feedback.error{background:#fbefe7;border-color:#efdbcc;color:#946d50}.answer-feedback strong{display:block;font-size:14px;margin-bottom:4px}.hint-box{font-size:11px;color:#8c957f;margin:15px 0}.answer-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:14px 0}.answer-actions .pill{font-size:10px}.lesson-list{display:grid;gap:15px}.lesson-list .lesson-card{padding:22px}.lesson-list .lesson-info h3{font-size:15px}.lesson-state{color:#7a8d6f;font-size:10px;margin-top:7px}.filter-row{display:flex;gap:7px;margin-bottom:22px}.filter-row button{padding:7px 13px;border:1px solid #e0e4d5;background:transparent;color:#8a957d;font-size:11px}.filter-row button.active{background:var(--green);color:white;border-color:var(--green)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resource-card{padding:22px}.resource-cover{height:130px;background:#ece6d5;margin:-22px -22px 20px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;color:#8e7547;font-size:48px}.resource-cover.green{background:#e3e9dc;color:#627c4c}.resource-cover.rose{background:#ede1d6;color:#a38060}.resource-card h3{font-size:15px;margin:10px 0}.resource-card p{color:#919b82;font-size:11px;min-height:55px}.resource-card .text-button{margin-top:20px}.profile-head{padding:28px;display:flex;align-items:center;gap:20px}.profile-head h2{font-size:24px}.profile-head p{color:#8f997f;font-size:11px;margin-top:5px}.profile-head .button{margin-left:auto}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat-card{padding:20px}.stat-card .icon{width:18px;color:#a08e63;margin-bottom:12px}.stat-card strong{display:block;font-size:25px;font-family:Manrope;font-weight:650}.stat-card span{color:#939e81;font-size:10px}.badge-grid{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.achievement{padding:14px 17px;text-align:center;background:#f3f0e3;border-radius:12px;border:1px solid #e8e2cf;min-width:105px}.achievement .icon{width:28px;height:28px;color:#ac925a}.achievement strong{font-size:10px;display:block;margin-top:6px}.achievement.locked{filter:grayscale(1);opacity:.45}.admin-tabs{display:flex;gap:8px;margin-bottom:20px}.admin-tabs button{font-size:11px;padding:9px 15px;background:none;border:1px solid var(--line)}.admin-tabs button.active{background:var(--green);color:white}.admin-form{padding:28px}.admin-form h2{font-size:20px;margin-bottom:16px}.empty-state{padding:50px 25px;text-align:center}.empty-state .icon{width:45px;height:45px;margin-bottom:15px;color:#bba477}.empty-state p{font-size:12px;color:#89987b;margin:10px auto 22px;max-width:400px}.inline-note{padding:12px 15px;font-size:11px;color:#8b987b;background:#f0f4e9;border-radius:8px;margin:18px 0}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.about-columns .info-card{padding:28px}.about-columns h2{margin-bottom:18px}.about-columns p{margin:10px 0}.text-content{line-height:1.9;color:#7a8a6e;font-size:13px}.text-content h3{margin:18px 0 8px}.text-content .arabic{font-family:'Noto Naskh Arabic',serif;direction:rtl;font-size:45px;color:var(--green);display:block;text-align:center;padding:20px}
dialog{border:1px solid #e0e2d4;background:var(--paper);color:var(--ink);border-radius:20px;width:min(460px,calc(100% - 30px));padding:0;box-shadow:0 25px 100px #0f302333;max-height:90vh}dialog::backdrop{background:#132c2380;backdrop-filter:blur(5px)}.dialog-body{padding:35px}.dialog-body h2{font-size:25px;line-height:1.3;padding-right:12px}.dialog-body>p{color:#8c967e;font-size:12px;margin:12px 0 22px}.dialog-close{position:absolute;right:12px;top:12px}.auth-symbol{margin-bottom:17px;width:44px;height:44px}.auth-divider{text-align:center;color:#a3ab95;font-size:10px;position:relative;margin:18px 0}.auth-divider:before,.auth-divider:after{content:'';display:inline-block;width:30%;height:1px;background:var(--line);vertical-align:middle;margin:0 12px}.auth-demo-note{color:#9aa38c;font-size:10px;margin:15px 0 0}.toast{position:fixed;bottom:28px;left:calc(50% + 122px);transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#173e35;color:#f6f4e9;border:1px solid #6f886b;border-radius:12px;padding:13px 21px;box-shadow:0 10px 40px #173e3533;font-size:12px;max-width:calc(100vw - 30px);text-align:center;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.celebrate{animation:celebrate .6s ease-in-out}.confetti-bit{position:fixed;pointer-events:none;width:7px;height:9px;z-index:99;border-radius:2px;animation:confetti-fall 1.2s ease-out forwards}@keyframes map-enter{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrate{50%{box-shadow:0 0 0 10px #bfa36a20}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}100%{transform:translate(var(--dx),260px) rotate(300deg);opacity:0}}
@media(min-width:1550px){main{padding-top:35px}.map-canvas{height:330px}.dashboard{grid-template-columns:minmax(0,1fr) 330px}.challenge-card{padding:26px}.manuscript{height:165px}}
@media(max-width:1200px){.sidebar{width:210px;padding:30px 16px}.page-shell{margin-left:210px}.topbar{padding:0 28px}main{padding-left:28px;padding-right:28px}.connection-note{padding-right:28px}.dashboard{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.card-pad,.challenge-card{padding:20px}.atlas-top{padding-left:20px;padding-right:20px}.atlas-top h2{font-size:18px}.atlas-tabs{margin-left:20px}.atlas-top>.soft-label{display:none}.atlas-callout{padding-left:20px;padding-right:20px}.topbar-date{display:none}.site-footer{padding-left:28px;padding-right:28px}.toast{left:calc(50% + 105px)}}
@media(max-width:1000px){.sidebar{width:185px;padding:28px 12px}.brand>span{font-size:32px}.brand img{width:39px;height:39px}.brand-sub{font-size:6px}.sidebar nav a{font-size:12px;gap:9px;padding-left:10px;padding-right:10px}.page-shell{margin-left:185px}.topbar{height:72px;padding:0 22px}main{padding-left:22px;padding-right:22px}h1{font-size:29px}.dashboard{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.atlas-tabs button{font-size:9px;padding-left:9px;padding-right:9px}.atlas-count{font-size:9px}.atlas-bottom{margin-left:18px;margin-right:18px}.map-legend{gap:9px;font-size:7px}.lesson-card{padding:17px 15px;gap:11px}.lesson-card>.button{font-size:9px;padding:9px}.lesson-info h3{font-size:11px}.lesson-meta{font-size:8px;gap:6px}.date-tile{width:46px;min-height:57px}.date-tile b{font-size:21px}.challenge-card{padding:18px}.challenge-card h2{font-size:16px}.challenge-heading .eyebrow{font-size:7px;letter-spacing:.7px}.two-columns{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.resource-grid{grid-template-columns:repeat(2,1fr)}.toast{left:calc(50% + 92px)}.dashboard-bottom{gap:15px}.compact-card{padding:16px;gap:10px}.compact-card p{font-size:8px}.compact-card h3{font-size:11px}.intro-mark{display:none}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .22s;box-shadow:0 0 100px #173e3520;width:244px}.sidebar.is-open{transform:translateX(0)}.page-shell{margin-left:0}.mobile-menu{display:flex}.topbar-left{gap:8px}.topbar{height:68px}.topbar-right{gap:10px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 7px}.sidebar nav a{font-size:13px;padding:12px}.brand>span{font-size:39px}.brand img{width:46px;height:46px}.brand-sub{font-size:8px}.toast{left:50%;bottom:85px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:24;display:flex;justify-content:space-around;align-items:center;background:#fafbf4f2;border-top:1px solid var(--line);padding:8px 6px max(8px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-nav a{font-size:8px;display:flex;align-items:center;gap:4px;flex-direction:column;color:#929c86;min-width:60px}.mobile-nav a.active{color:var(--green)}.mobile-nav .icon{width:19px;height:19px}.site-footer{padding-bottom:95px}.page-shell{min-height:calc(100vh - 65px)}main{padding-top:17px}.connection-note{font-size:9px;padding-right:22px}.two-columns{grid-template-columns:minmax(0,1fr) 265px}}
@media(max-width:640px){main{padding:15px 18px 30px}.topbar{padding:0 13px}.topbar .button{font-size:10px;padding:8px 10px}.breadcrumb>b{font-weight:500}.page-intro{margin:2px 0 23px}.page-intro .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:11px}h1{font-size:29px;letter-spacing:-1px}.page-intro p{font-size:11px;max-width:275px}.dashboard{grid-template-columns:1fr;gap:20px}.stack{gap:18px}.dashboard>.stack:last-child{grid-template-columns:1fr 1fr;gap:13px}.challenge-card{padding:17px}.challenge-card h2{font-size:15px}.challenge-card>p{font-size:9px}.challenge-heading{flex-wrap:wrap;gap:6px;margin-bottom:10px}.mini-time{font-size:8px}.manuscript{height:116px}.ottoman-word{font-size:57px}.challenge-card .button{font-size:9px;padding:10px 8px;gap:7px}.journey-card{padding:17px}.journey-card h3{font-size:13px}.journey-row{gap:8px}.avatar{width:31px;height:31px;font-size:10px}.journey-row strong{font-size:10px}.journey-row p{font-size:8px}.journey-stats{gap:7px}.journey-stats strong{font-size:15px}.journey-stats span{font-size:7px}.progress-label{font-size:7px}.small-note{font-size:7px}.reward-line{font-size:8px}.atlas-top{padding:20px 18px 0}.atlas-top h2{font-size:19px}.atlas-top p{font-size:10px}.atlas-top>.soft-label{display:inline-flex;font-size:8px}.atlas-tabs{margin:17px 18px 0}.atlas-tabs button{font-size:10px;padding:7px 12px}.atlas-toolbar{margin-left:18px;margin-right:18px}.map-canvas{height:230px;margin-left:8px;margin-right:8px}.atlas-bottom{margin:7px 18px 0}.map-legend{font-size:8px;gap:10px}.atlas-count{font-size:9px}.atlas-callout{padding:13px 18px;gap:10px}.atlas-callout p{font-size:9px}.atlas-callout strong{font-size:10px}.atlas-callout .text-button{font-size:9px}.atlas-callout>.icon{width:20px}.section-title h2{font-size:16px}.section-title{margin-bottom:14px}.lesson-card{padding:18px;gap:13px}.lesson-info h3{font-size:12px}.lesson-meta{font-size:8px}.lesson-card>.button{font-size:9px;padding:9px 11px}.date-tile{width:48px}.learning-note{padding:17px;gap:12px}.learning-note p{font-size:10px}.dashboard-bottom{grid-template-columns:1fr;margin-top:18px;gap:12px}.compact-card{padding:18px}.compact-card h3{font-size:12px}.compact-card p{font-size:10px}.site-footer{padding:0 18px 88px;font-size:8px;flex-wrap:wrap;gap:8px}.two-columns{grid-template-columns:1fr}.atlas-full .map-canvas{height:310px}.resource-grid{grid-template-columns:1fr 1fr;gap:14px}.resource-card{padding:17px}.resource-cover{margin:-17px -17px 16px;height:110px}.resource-card h3{font-size:13px}.resource-card p{font-size:10px}.resource-card .text-button{font-size:10px}.answer-panel{padding:22px}.answer-panel .manuscript{height:215px}.answer-panel .ottoman-word{font-size:100px}.answer-panel h2{font-size:21px}.answer-input-row{flex-wrap:wrap}.answer-input-row .button{width:100%}.profile-head{padding:22px;gap:14px;flex-wrap:wrap}.profile-head h2{font-size:20px}.profile-head .button{margin-left:0}.profile-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:17px}.about-columns{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.route-heading h1{font-size:27px}.route-heading p{font-size:11px}.admin-form{padding:22px}.map-detail{margin-left:18px;margin-right:18px}.dialog-body{padding:29px}.lesson-list .lesson-info h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.atlas-top{align-items:flex-start}.atlas-top>.soft-label{align-self:flex-start;line-height:1.5}

/* Original cartographic treatment: parchment, sea and coloured territory borders. */
#atlasHost{--territory:#26745a;--territory-light:#b2d0b2;--territory-edge:#124b37}
.map-frame{margin:14px 18px 0;padding:6px;border:1px solid #8d7047;border-radius:11px;background:linear-gradient(135deg,#665038,#ac8956 32%,#725536 70%,#a58a61);box-shadow:0 4px 14px #4d382817,inset 0 0 0 2px #e0c99d,inset 0 0 0 4px #72563b}
#atlasHost .map-canvas{height:330px;margin:0;overflow:hidden;border:1px solid #5c6655;border-radius:5px;background-color:#a3b9b2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='80' viewBox='0 0 120 80'%3E%3Cg fill='none' stroke='%234e726d' stroke-opacity='.13' stroke-width='.7'%3E%3Cpath d='M0 25q15-5 30 0t30 0t30 0t30 0M0 55q15-5 30 0t30 0t30 0t30 0'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 35%,#d5d7b76b,transparent 72%),linear-gradient(135deg,#a9beb4,#83a4a4 55%,#b5c3ab);box-shadow:inset 0 0 35px #3f594a52}
#atlasHost .map-canvas:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;border:5px solid #e7d4ac45;box-shadow:inset 0 0 20px #524b373d;border-radius:4px;background-image:radial-gradient(ellipse at 20% 30%,#fff1c91a,transparent 60%),radial-gradient(ellipse at 85% 75%,#65542f12,transparent 50%)}
#atlasHost .map-canvas .atlas-map{position:relative;z-index:2;width:100%;height:100%;overflow:visible;animation:map-enter .35s ease-out}
.map-land{filter:drop-shadow(0 2px 2px #403e3055)}
#atlasHost .map-region{fill:url(#atlas-parchment);stroke:#89734f;stroke-width:.85;transition:fill .18s,stroke .18s,filter .18s;stroke-linejoin:round}
#atlasHost .map-region path{vector-effect:non-scaling-stroke}
#atlasHost .map-region:hover,#atlasHost .map-region:focus-visible{fill:#f6e6b9;stroke:var(--territory-edge);stroke-width:2;filter:drop-shadow(0 0 3px #fff5c877)}
#atlasHost .map-region.owned{fill:var(--territory-light);stroke:var(--territory);stroke-width:2}
#atlasHost .map-region.partial{fill:var(--territory-light);stroke:var(--territory);stroke-width:2;stroke-dasharray:4 2}
#atlasHost .map-region.origin{stroke:#8e5e22;stroke-width:1.9;stroke-dasharray:4 2}
#atlasHost .map-region.selected{fill:var(--territory-light);stroke:var(--territory-edge);stroke-width:2.5;stroke-dasharray:none;filter:drop-shadow(0 0 3px #fff5c8)}
#atlasHost .map-region.owned:hover,#atlasHost .map-region.partial:hover{stroke:var(--territory-edge);filter:brightness(1.08)}
#atlasHost .district-canvas{background-color:#d4bc90;background-image:radial-gradient(ellipse,#f1e3bf 5%,#c5a474 100%);box-shadow:inset 0 0 40px #75533352}
#atlasHost .district-canvas .atlas-map{padding:35px 30px}
.atlas-start-marker{pointer-events:none;font-family:'DM Sans',sans-serif}
.atlas-start-marker circle{fill:#f6e9c9;stroke:#755024;stroke-width:2}
.atlas-start-marker path{fill:#87602e;stroke:#5e401b;stroke-width:2}
.atlas-start-marker rect{fill:#fbefd5;stroke:#ae8e59;stroke-width:1;filter:drop-shadow(0 2px 2px #4c3b3035)}
.atlas-start-marker text{font-size:9px;letter-spacing:.5px;text-anchor:middle;fill:#614724;font-weight:700}
.sea-label{position:absolute;pointer-events:none;z-index:1;left:50%;transform:translateX(-50%);font-family:Georgia,serif;font-style:italic;letter-spacing:5px;font-size:13px;color:#355b5bd4;text-shadow:0 1px #eef1d447;white-space:nowrap}
.sea-north{top:8%}.sea-south{bottom:10%;left:44%}
#atlasHost .map-compass{position:absolute;left:12px;bottom:24px;width:60px;height:60px;opacity:.75;fill:none;stroke:#536158;stroke-width:.8;pointer-events:none;z-index:3;animation:none}
.map-compass text{text-anchor:middle;stroke:none;fill:#3f554d;font-family:Georgia,serif;font-size:8px}.map-compass .compass-needle{fill:#61644c;stroke:none}.district-canvas .map-compass{opacity:.3}
.map-edition{position:absolute;top:12px;left:14px;font-size:7px;letter-spacing:1.5px;color:#395650;z-index:3;pointer-events:none}
#atlasHost .map-watermark{bottom:8px;left:auto;right:13px;font-size:7px;letter-spacing:.6px;color:#364f45;z-index:3;pointer-events:none}
.atlas-palette{display:flex;align-items:center;gap:16px;margin:17px 24px 0;min-width:0}
.palette-heading{min-width:94px}.palette-heading>span{display:block;font-size:8px;letter-spacing:1.1px;color:#8a8d7b}.palette-heading strong{font-family:Georgia,serif;font-size:16px;color:var(--territory-edge);font-weight:400}
.palette-swatches{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.color-swatch{width:34px;height:38px;padding:5px;border:1px solid transparent;background:none;border-radius:8px;display:grid;place-items:center;transition:background .18s,border-color .18s}
.color-swatch>span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--swatch);box-shadow:inset 0 0 0 2px #ffffff45,0 1px 2px #24312720;color:transparent;font-size:12px}
.color-swatch:hover{background:#f0eadb}.color-swatch[aria-pressed=true]{border-color:var(--swatch);background:#f4efe2}.color-swatch[aria-pressed=true]>span{color:white}
.territory-sample{margin-left:auto;display:flex;align-items:center;gap:6px;color:#8c8d7b;font-size:8px;white-space:nowrap}.territory-sample svg{width:40px;height:35px;overflow:visible}.territory-sample path{fill:var(--territory-light);stroke:var(--territory);stroke-width:1.8;stroke-linejoin:round}.territory-sample .sample-flag{fill:var(--territory);stroke:var(--territory-edge);stroke-width:1.5}
.palette-note{font-size:9px;color:#8a907e;margin:4px 24px 0}
.atlas-shared-seal{margin:15px 25px 0;display:flex;gap:7px;align-items:center;font-size:10px;color:#41694f}.seal-dot{width:8px;height:8px;border-radius:50%;background:var(--territory);box-shadow:0 0 0 3px #26745a12}.atlas-shared-seal>span:last-child{margin-left:auto;color:#91927d;font-size:9px}
#atlasHost .atlas-bottom{margin-top:10px;padding-top:11px;border-color:#e9e2d3}#atlasHost .map-legend{gap:10px;color:#757c68}#atlasHost .map-legend i{width:9px;height:9px;border-radius:2px;background:#e5cea2;border:1px solid #bca175}#atlasHost .map-legend .owned-dot{background:var(--territory);border-color:var(--territory-edge)}#atlasHost .map-legend .partial-dot{background:var(--territory-light);border:1px dashed var(--territory)}#atlasHost .map-legend .origin-dot{background:transparent;border:1px dashed #8e5e22}
#atlasHost .map-detail{margin-top:4px;background:#faf3e3;border-color:#dfccaa;color:#5d5138}.map-detail p{color:#88795c}
.atlas-full #atlasHost .map-canvas{height:350px}
#atlasHost .map-canvas{background-size:120px 80px,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat}#atlasHost .district-canvas{background-size:100% 100%;background-repeat:no-repeat}
.svg-sea-label{fill:#355b5bd4;pointer-events:none;font-family:Georgia,serif;font-style:italic;font-size:21px;letter-spacing:7px;text-anchor:middle}.atlas-start-marker text{font-size:11.5px}
@media(min-width:641px) and (max-width:1180px){.atlas-palette{flex-wrap:wrap;gap:8px 12px}.territory-sample{margin-left:0}.palette-heading{min-width:80px}.atlas-shared-seal>span:last-child{display:none}}
@media(max-width:640px){.map-frame{margin:12px 10px 0;padding:5px;border-radius:8px}#atlasHost .map-canvas{height:250px}.atlas-full #atlasHost .map-canvas{height:300px}.atlas-toolbar{gap:6px}.atlas-breadcrumb{font-size:10px}.atlas-breadcrumb span:last-child{font-size:9px}.atlas-select{font-size:10px;max-width:126px}.map-edition{font-size:6px;letter-spacing:.8px;top:9px;left:10px}.sea-label{font-size:10px;letter-spacing:3px}.sea-north{top:15%}.sea-south{bottom:14%}#atlasHost .map-compass{width:42px;height:42px;left:7px;bottom:20px}#atlasHost .map-watermark{font-size:6px;right:8px;bottom:7px}.atlas-palette{margin:14px 17px 0;gap:6px;flex-wrap:wrap;justify-content:space-between}.palette-heading{min-width:75px}.palette-heading>span{font-size:7px;letter-spacing:.7px}.palette-heading strong{font-size:15px}.palette-swatches{gap:0}.color-swatch{width:32px;height:44px;padding:4px}.color-swatch>span{width:23px;height:23px}.territory-sample{display:none}.palette-note{margin:1px 18px 0;font-size:8px}.atlas-shared-seal{margin:12px 18px 0;font-size:9px}.atlas-shared-seal>span:last-child{display:none}#atlasHost .atlas-bottom{gap:8px;align-items:flex-start;flex-wrap:wrap;margin-left:18px;margin-right:18px}#atlasHost .map-legend{gap:8px;font-size:8px}.atlas-count{margin-left:auto}.atlas-tabs button{min-height:36px}}
@media(max-width:640px){.atlas-top{display:block}.atlas-top>.soft-label{margin-top:10px}.atlas-palette{display:block}.palette-heading{display:flex;align-items:center;gap:10px;margin-bottom:2px}.palette-heading strong{font-size:14px}.palette-swatches{justify-content:space-between}.color-swatch{width:44px;height:44px}.palette-note{margin-top:2px}}
.toast[popover]{inset:auto;margin:0;width:max-content;max-width:min(440px,calc(100vw - 32px));overflow:visible}.toast::backdrop{background:transparent;pointer-events:none}.toast.toast-in-dialog{position:sticky;left:auto;bottom:0;transform:none;margin:0 20px 20px;max-width:calc(100% - 40px);text-align:left}.reset-status{padding:12px 14px;border:1px solid #e0e5d6;background:#f1f4e9;border-radius:9px;font-size:11px;line-height:1.7;color:#52674d;margin:0 0 18px}.reset-status.success{background:#eaf3e6;border-color:#cbdcc1;color:#396139}.reset-status.error{background:#faeee7;border-color:#e8cfbf;color:#914d3a}
.toast[popover]{position:fixed;top:auto;right:auto;bottom:28px;left:50%}@media(max-width:820px){.toast[popover]{bottom:85px}}
.brand img,.auth-symbol{object-fit:contain;border-radius:50%}.auth-symbol{width:60px;height:60px}
.sources-intro{padding:26px 28px;margin:0 0 30px;background:linear-gradient(115deg,#e8ece1,#f1ebdb);border:1px solid #dfe3d2;border-radius:17px;display:flex;gap:24px;align-items:center}.sources-intro h2{font-size:23px;margin-bottom:5px}.sources-intro p{font-size:12px;color:#7d886f}.sources-intro>.button{margin-left:auto;white-space:nowrap}.sources-seal{font:50px/1.5 "Noto Naskh Arabic",serif;color:#8e7849;border:1px solid #bfa77a80;border-radius:50%;width:83px;height:83px;display:grid;place-items:center;flex-shrink:0}.sources-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.sources-heading h2{font-size:18px}.sources-heading>span{font-size:11px;color:#8a937e}.sources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.source-card{display:flex;flex-direction:column}.source-cover{height:146px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at top,#f6ecd1,#ddd0ad);border-bottom:1px solid #d9c99d}.source-cover:before{content:"";position:absolute;inset:14px;border:1px solid #b89a5f50;pointer-events:none}.source-format{position:absolute;top:21px;left:23px;font-size:9px;font-weight:700;letter-spacing:1.3px;color:#8a7040}.source-cover-word{font:64px/1 "Noto Naskh Arabic",serif;color:#876b38;direction:rtl;margin-top:7px}.source-cover-caption{position:absolute;bottom:18px;font-size:7px;letter-spacing:1.5px;color:#a28c5e}.source-body{padding:23px;display:flex;flex-direction:column;flex:1}.source-body h2{font-size:20px;margin-bottom:8px;overflow-wrap:anywhere}.source-author{font-size:11px;color:#7a856e;margin-bottom:10px}.source-description{font-size:12px;color:#849076;line-height:1.8;margin-bottom:18px;overflow-wrap:anywhere;white-space:pre-line}.source-domain{font-size:10px;color:#9b9f8c;margin-top:auto;overflow-wrap:anywhere}.source-open{margin-top:17px;justify-content:space-between;width:100%}.sources-footnote{font-size:10px;color:#929983;margin-top:24px}.sources-more{text-align:center;margin-top:25px}.sources-library-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;margin-bottom:25px;background:#edf0e5}.sources-library-link h2{font-size:18px}.sources-library-link p{font-size:11px;color:#8a957c;margin-top:5px}.sources-library-link>span{font-size:25px;color:#9b8253}.source-admin-head{padding:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.source-admin-head h2{font-size:19px}.source-admin-head p{font-size:11px;color:#89957c;margin-top:6px}.source-admin-list{display:grid;gap:13px}.source-admin-row{display:flex;gap:17px;align-items:center;padding:18px 22px}.source-admin-row h3{font-size:14px;margin:4px 0;overflow-wrap:anywhere}.source-admin-row p{font-size:10px;color:#949c86;overflow-wrap:anywhere}.source-admin-row>.button{margin-left:auto;flex-shrink:0}.source-mini{width:49px;height:58px;border:1px solid #deceac;background:#f1e8d2;display:grid;place-items:center;border-radius:6px;font-size:10px;color:#9c7d46;flex-shrink:0}.source-publish{display:flex;gap:10px;align-items:center;font-size:12px;color:#637554;margin:17px 0}.source-publish input{width:17px;height:17px;accent-color:#173e35}.source-error .text-button{margin-left:10px}.admin-tabs{flex-wrap:wrap}@media(max-width:1150px){.sources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sources-intro{gap:16px}.sources-intro>.button{display:none}}@media(max-width:640px){.sources-grid{grid-template-columns:1fr;gap:17px}.sources-intro{padding:21px;gap:15px;margin-bottom:24px}.sources-seal{width:57px;height:57px;font-size:36px}.sources-intro h2{font-size:18px}.sources-intro p{font-size:10px}.sources-intro .card-kicker{font-size:7px;letter-spacing:1px}.sources-heading h2{font-size:16px}.sources-heading>span{font-size:9px}.source-cover{height:140px}.source-body{padding:22px}.source-admin-head{flex-wrap:wrap;padding:20px}.source-admin-head h2{font-size:18px}.source-admin-row{padding:17px;gap:12px;flex-wrap:wrap}.source-admin-row>div:nth-child(2){flex:1;min-width:150px}.source-admin-row>.button{margin-left:auto}.sources-library-link{padding:20px}.sources-library-link h2{font-size:17px}.admin-tabs button{font-size:10px;padding:8px 11px}}
.sidebar-backdrop{position:fixed;inset:0;background:#10291fc2;border:0;z-index:39;backdrop-filter:blur(2px)}
@font-face{font-family:'Aref Ruqaa';src:url('./ArefRuqaa-Regular.ceb786d83ba9.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.reading-rika .ottoman-word,.placement-word.reading-rika{font-family:'Aref Ruqaa',serif;font-weight:400;line-height:1.8}
.reading-matbu .ottoman-word,.placement-word.reading-matbu{font-family:'Noto Naskh Arabic',serif;font-weight:400}
.learning-profile{padding:25px;margin:22px 0}.learning-profile h2{margin:10px 0 18px;font-size:23px}.learning-profile>p{font-size:12px;line-height:1.8;color:#7c896d}.learning-profile>.button{margin-top:15px}
.level-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.level-option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #dfddca;background:#faf8f0;border-radius:12px;padding:15px;gap:6px;color:#68775d;min-height:145px;transition:background .2s,transform .2s}.level-option:hover{transform:translateY(-2px);background:#ecefdf}.level-option.active{background:#e9eedf;border-color:#61806a;opacity:1}.level-option>span{font-size:10px;color:#ad9867}.level-option strong{font-family:Georgia,serif;font-size:21px;color:#304e39}.level-option small{font-size:10px}.level-option b{font-size:10px;margin-top:auto;padding-top:9px;color:#8e7445}.learning-profile .learning-note{display:block;margin:17px 0 0;padding:12px;border-radius:9px;background:#f3efe1;font-size:11px}.daily-start,.daily-complete{padding:30px;margin:22px 0}.daily-start h2,.daily-complete h2{margin:17px 0 12px;font-size:27px}.daily-start p,.daily-complete p{font-size:13px;line-height:1.8;color:#7c886e;max-width:630px;margin-bottom:22px}.daily-emblem{width:134px;height:134px;border:1px solid #c8b783;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:27px auto;background:radial-gradient(circle,#f8f0d9,#e7d8ac);color:#8c7240;font:62px/1 Georgia,serif;box-shadow:inset 0 0 0 7px #f5edda,inset 0 0 0 8px #cdbb8e}.daily-emblem span{font:8px/2 'DM Sans',sans-serif;letter-spacing:1.7px;margin-top:8px}.placement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.placement-item{padding:24px}.placement-word{height:150px;display:grid;place-items:center;font-size:68px;color:#244c3c}.placement-item label{display:block;font-size:11px;color:#78866a;margin-bottom:8px}.placement-item input{width:100%;font-size:12px;min-height:44px}.image-manuscript{min-height:220px;height:auto;padding:20px}.image-manuscript img{display:block;max-width:100%;height:auto;max-height:800px;object-fit:contain}.image-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.image-message p{font-size:12px;line-height:1.8;text-align:center}.upload-preview{padding:18px;background:#f4efdf;border:1px solid #ded6bb;border-radius:12px}.upload-preview img{max-width:100%;max-height:350px;display:block;margin:auto;object-fit:contain}.upload-preview p{font-size:11px;color:#718263;margin-top:12px}.media-warning{border-color:#bf785a!important;background:#f9e9df!important;color:#974f30!important}
.atlas-shortcuts{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:15px 24px 0}.province-search{display:flex;gap:6px;flex:1;min-width:180px}.province-search input{width:100%;min-width:60px;font-size:11px;min-height:40px;padding:8px 10px}.province-search button{white-space:nowrap}.district-picker{padding:20px 24px}.district-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.district-buttons button{padding:9px 12px;border-radius:8px;border:1px solid #d9caaa;background:#f5eddc;color:#6c654d;font-size:11px;min-height:42px}.district-buttons button.is-owned{background:#e4ead9;color:#4c6845;border-color:#b4c4a0}.district-buttons button[aria-pressed=true]{outline:2px solid var(--territory);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:820px){.sidebar.is-open{z-index:40}.sidebar-backdrop{z-index:39}}
@media(min-width:821px){.sidebar-backdrop{display:none}}
@media(max-width:640px){.level-options{gap:6px}.level-option{padding:11px 8px;min-height:135px}.level-option strong{font-size:17px}.level-option small,.level-option b{font-size:9px}.learning-profile{padding:20px}.learning-profile h2{font-size:21px}.daily-start,.daily-complete{padding:24px}.daily-start h2,.daily-complete h2{font-size:24px}.placement-grid{grid-template-columns:1fr 1fr;gap:10px}.placement-item{padding:17px}.placement-word{height:130px;font-size:58px}.placement-item input{font-size:10px;padding:10px 8px}.atlas-shortcuts{padding:13px 17px 0}.atlas-shortcuts>[data-next-district]{width:100%}.district-picker{padding:18px}.district-buttons{gap:7px}.district-buttons button{flex-grow:1;min-height:44px}.image-manuscript{padding:10px}.level-option:hover{transform:none}}
.sidebar{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}
.sidebar>*{flex-shrink:0}.sidebar-bottom{padding-bottom:max(2px,env(safe-area-inset-bottom))}
.atlas-return{margin-left:auto;flex-shrink:0;gap:7px;min-height:40px;white-space:nowrap}.atlas-return>span{font-size:17px;line-height:1}.atlas-breadcrumb{min-width:0;flex-wrap:wrap}.atlas-breadcrumb>b{overflow-wrap:anywhere}
@media(max-height:800px){.sidebar{padding-top:20px;padding-bottom:16px}.sidebar-rule{margin-top:16px;margin-bottom:12px}.sidebar .nav-caption{margin-bottom:8px}.sidebar nav{gap:4px}.sidebar nav a{padding-top:8px;padding-bottom:8px}.sidebar-bottom{padding-top:16px}.sidebar-quote{font-size:18px;line-height:1.35;margin-bottom:8px}.sidebar .install-button{margin-top:10px}}
@media(max-height:680px){.sidebar{padding-top:16px;padding-bottom:12px}.sidebar .brand img{width:38px;height:38px}.sidebar .brand>span{font-size:33px}.sidebar .brand-sub{font-size:7px;margin-top:7px}.sidebar-rule{margin-top:12px;margin-bottom:10px}.sidebar .nav-caption{font-size:8px;margin-bottom:6px}.sidebar nav{gap:3px}.sidebar nav a{padding-top:5px;padding-bottom:5px;min-height:32px;font-size:12px}.sidebar-bottom{padding-top:12px}.sidebar-quote{font-size:17px;margin-bottom:6px}.sidebar-bottom>span{font-size:9px}.sidebar .install-button{font-size:10px;padding:7px 9px;margin-top:8px}}
@media(max-width:640px){.atlas-return{font-size:10px;padding:8px 10px;min-height:40px}.atlas-breadcrumb{gap:5px}.atlas-toolbar{align-items:center}.atlas-breadcrumb>span:last-child{max-width:140px;white-space:normal;line-height:1.5}}
#questionWord{font-family:'Noto Naskh Arabic','Traditional Arabic',serif;font-size:26px;font-weight:400;line-height:1.8;min-height:62px}
#questionForm[data-reading-level="Orta"] #questionWord,#questionForm[data-reading-level="Orta"] #adminWordPreview .ottoman-word{font-family:'Aref Ruqaa',serif;font-weight:400}
#questionForm:has(#questionLevel option[value="Orta"]:checked) #questionWord,#questionForm:has(#questionLevel option[value="Orta"]:checked) #adminWordPreview .ottoman-word{font-family:'Aref Ruqaa',serif;font-weight:400}
#questionForm:has(#questionLevel option[value="Başlangıç"]:checked) #questionWord,#questionForm:has(#questionLevel option[value="Başlangıç"]:checked) #adminWordPreview .ottoman-word{font-family:'Noto Naskh Arabic','Traditional Arabic',serif;font-weight:400}
#adminWordPreview{height:auto;min-height:180px;padding:22px 20px 34px}#adminWordPreview .ottoman-word{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;transform:none}
#adminWordPreview.reading-rika::after{content:'RİKA ÖNİZLEMESİ'}#adminWordPreview.reading-matbu::after{content:'MATBU ÖNİZLEMESİ'}
.question-wizard-intro{font-size:12px;color:#7a886d;line-height:1.8;margin-bottom:22px}.question-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:20px 0 25px;border:1px solid #dfe3d4;border-radius:12px;overflow:hidden}.question-steps li{display:flex;align-items:center;gap:10px;padding:17px 14px;background:#f7f6ee;color:#919981;min-width:0}.question-steps li+li{border-left:1px solid #dfe3d4}.question-steps li>span{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border:1px solid #d0d5c4;border-radius:50%;font-size:12px}.question-steps strong{display:block;font-size:12px}.question-steps small{display:block;font-size:10px;margin-top:2px}.question-steps li[aria-current=step]{background:#173e35;color:#fff}.question-steps li[aria-current=step]>span{border-color:#a3b69b;background:#ffffff12}.question-steps li.is-complete{background:#e8eee0;color:#52734d}.question-step{border:0;padding:0;margin:24px 0;min-width:0}.question-step-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0 20px}.question-step-heading h3{font-size:22px;outline:none;scroll-margin-top:22px}.question-common{border:1px solid #dfe3d3;border-radius:11px;padding:16px 19px;margin:20px 0;background:#f8f8f0}.question-common summary{font-size:13px;color:#4f6749;cursor:pointer;font-weight:600}.question-common summary>span{font-size:10px;font-weight:400;color:#959d85;margin-left:12px}.question-common[open] summary{margin-bottom:15px}.question-word{font-family:'Noto Naskh Arabic','Traditional Arabic',serif!important;font-size:29px!important;font-weight:400;line-height:1.8;min-height:68px}.question-step[data-reading-level="Orta"] .question-word{font-family:'Aref Ruqaa',serif!important}.question-word-preview{height:auto;min-height:180px;padding:22px 20px 34px}.question-word-preview .ottoman-word{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;transform:none}.question-word-preview.reading-rika::after{content:'RİKA ÖNİZLEMESİ'}.question-word-preview.reading-matbu::after{content:'MATBU ÖNİZLEMESİ'}.question-wizard-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:25px;padding-top:20px;border-top:1px solid #e2e5d7}.question-wizard-actions>[data-step-caption]{font-size:11px;color:#8a967c;margin-left:auto}.publication-summary{padding:18px 20px;border:1px solid #ccd8bc;border-radius:11px;background:#edf2e5;margin-top:22px}.publication-summary strong{font-size:13px;color:#3f6240}.publication-summary p{font-size:12px;color:#69825d;margin-top:7px;line-height:1.7}.publication-summary span{display:block;font-size:10px;color:#869472;margin-top:9px}.question-wizard[aria-busy=true]{opacity:.8}
@media(max-width:640px){.question-steps{margin:19px 0}.question-steps li{padding:13px 8px;gap:6px}.question-steps li>span{width:22px;height:22px;font-size:10px}.question-steps strong{font-size:11px}.question-steps small{font-size:8px}.question-common{padding:14px}.question-common summary{font-size:12px}.question-common summary>span{display:block;margin:4px 0 0}.question-step-heading h3{font-size:20px}.question-wizard-actions{gap:10px}.question-wizard-actions .button{font-size:10px;padding:11px 12px}.question-wizard-actions>[data-publish-set]{width:100%;order:3}.publication-summary{padding:16px}.publication-summary p{font-size:11px}}
.usage-notice{margin:14px 42px 0;padding:16px 20px;border:1px solid #dce3d1;border-radius:12px;background:#edf2e6;color:#4a6745;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px}.usage-notice strong{font-size:13px}.usage-notice p{font-size:14px;margin:5px 0}.usage-notice p>span{color:#a0ad91;padding:0 7px}.usage-notice small{display:block;font-size:10px;color:#859475;line-height:1.8}.usage-notice-actions{display:flex;gap:14px;align-items:center;flex-shrink:0;font-size:10px}.usage-notice-actions .text-button{font-size:11px}.usage-near{background:#fbf1d9;border-color:#d4bc7c;color:#8c6b2b}.usage-high{background:#fae8dd;border-color:#d3a382;color:#90532b}.usage-near small,.usage-high small{color:#9b845a}@media(min-width:1850px){.usage-notice{max-width:1436px;margin-left:auto;margin-right:auto}}@media(max-width:1200px){.usage-notice{margin-left:28px;margin-right:28px}}@media(max-width:1000px){.usage-notice{margin-left:22px;margin-right:22px}}@media(max-width:640px){.usage-notice{margin:12px 18px 0;padding:15px;align-items:flex-start;flex-direction:column;gap:12px}.usage-notice p{font-size:13px}.usage-notice-actions{justify-content:space-between;width:100%}.usage-notice small{font-size:9px}}

/* Footer privacy documents */
.site-footer{flex-wrap:wrap;align-items:center}.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-end}.footer-links a{font-size:11px;line-height:1.6;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.auth-demo-note a{text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.site-footer{align-items:flex-start;flex-direction:column}.footer-links{justify-content:flex-start}}

/* Member leaderboard */
.leaderboard-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 30px;background:linear-gradient(110deg,#e7eee1,#f3eedc);margin-bottom:25px}.leaderboard-intro h2{font-size:26px;margin:10px 0 5px}.leaderboard-intro p{font-size:12px;color:#7d8a70}.leaderboard-own-stats{display:flex;gap:30px;text-align:center;color:#7a8869;font-size:11px}.leaderboard-own-stats strong{display:block;font:600 30px/1.4 Manrope,sans-serif;color:#345e42}.leaderboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px}.leaderboard-toolbar h2{font-size:20px}.leaderboard-toolbar p{font-size:11px;color:#88957a;margin-top:6px}.leaderboard-toolbar>.button{flex-shrink:0}.leaderboard-table-wrap{overflow:auto}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.leaderboard-table th,.leaderboard-table td{padding:17px 23px;border-bottom:1px solid #e7e9df;white-space:nowrap}.leaderboard-table thead{background:#edf1e6;color:#7b8b6c;font-size:10px}.leaderboard-table tbody th{font-weight:500;white-space:normal;min-width:180px}.leaderboard-table tbody tr:last-child>*{border-bottom:0}.leaderboard-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.leaderboard-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f0f3e9;color:#7c8b6f;font-size:11px}.leaderboard-rank.rank-top{background:#efe2b6;color:#806627}.leaderboard-self{background:#e9f0e3}.leaderboard-name{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.leaderboard-name small{background:#d5e3cb;padding:2px 7px;border-radius:5px;font-size:9px;color:#57714a}.leaderboard-more{text-align:center;margin-top:22px}.leaderboard-footnote{font-size:10px;line-height:1.9;color:#919b83;margin-top:21px}.leaderboard-footnote a{text-decoration:underline}@media(max-width:700px){.leaderboard-intro{align-items:flex-start;flex-direction:column;padding:24px;gap:20px}.leaderboard-intro h2{font-size:24px}.leaderboard-own-stats{gap:38px}.leaderboard-toolbar{align-items:flex-start}.leaderboard-toolbar p{font-size:10px;max-width:230px}.leaderboard-table th,.leaderboard-table td{padding:13px 14px;font-size:11px}.leaderboard-table tbody th{min-width:140px}.leaderboard-table thead th{font-size:9px}.leaderboard-toolbar>.button{font-size:10px}.leaderboard-table tbody th{max-width:200px}}

/* Reachable borders and explicit island/strait passages */
#atlasHost .map-region.frontier:not(.owned){stroke:#386e47;stroke-width:2.4;stroke-dasharray:4 3}#atlasHost .map-region.sea-frontier:not(.owned){stroke:#28699b}.district-buttons button.is-reachable:not(.is-owned){border-color:#82a170;background:#edf4e5;color:#3e6939}.atlas-sea-link{pointer-events:none}.atlas-sea-link line{stroke:#286da5;stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.atlas-sea-routes{margin:12px 0 16px;padding:13px 16px;border:1px dashed #91adba;border-radius:10px;background:#edf3f3;color:#56747a;font-size:10px;line-height:1.8}.atlas-sea-routes strong{font-size:11px;color:#346070}.atlas-sea-routes p{margin:5px 0}.atlas-sea-routes ul{margin:6px 0 0;padding-left:17px;display:flex;gap:6px 25px;flex-wrap:wrap}
.map-legend i.frontier-dot{background:transparent;border:2px dashed #386e47}
/* Text questions grow vertically; sentence width must not use word-sized type. */
.answer-panel{min-width:0}
/* Image questions keep their full aspect ratio and grow with the scan. */
.accepted-answers{margin:22px 0;padding:18px;border:1px solid var(--line);border-radius:12px}.accepted-answers h4{font-size:14px}.accepted-answers>p{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0}.accepted-answer-field textarea{line-height:1.8}.accepted-answer-field .text-button{justify-self:start;min-height:36px}.accepted-answers>[data-action="answer-add"]{min-height:40px}.answer-input-row:has(textarea){align-items:flex-end}.answer-input-row textarea{flex:1;min-width:0;line-height:1.8;min-height:150px}.answer-input-row:has(textarea)>.button{flex-shrink:0}
.manuscript.image-manuscript{display:block;min-width:0;width:100%;height:auto;min-height:0;padding:20px 20px 32px}
.manuscript.image-manuscript img{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin-inline:auto;object-fit:contain}
.manuscript.image-manuscript.image-message{display:flex;min-height:180px}
@media(max-width:640px){.manuscript.image-manuscript{padding:10px 10px 26px}}
.manuscript.text-manuscript{display:block;min-width:0;width:100%;height:auto;min-height:180px;padding:24px 26px 38px}
.manuscript.text-manuscript .ottoman-word{display:block;width:100%;max-width:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;direction:rtl;text-align:center;font-size:clamp(38px,5vw,72px);line-height:2.1;transform:none}
@media(max-width:640px){.manuscript.text-manuscript{min-height:150px;padding:20px 20px 34px}.manuscript.text-manuscript .ottoman-word{font-size:clamp(32px,8vw,48px);line-height:2.1}}
.question-suggestion{padding:20px;border:1px solid #d6dfca;background:#edf2e6;border-radius:12px;margin:0 0 22px}.question-suggestion h4{font-size:16px;font-weight:600}.question-suggestion p{font-size:11px;line-height:1.8;color:#677b5d;margin-top:8px}.suggestion-picker{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.suggestion-picker .form-field{flex:1;min-width:180px;margin:13px 0 0}.suggestion-picker .button{font-size:11px;min-height:43px}.question-suggestion .suggestion-status{margin-top:15px;color:#567046}.question-suggestion .suggestion-status.is-error{color:#974f30}@media(max-width:640px){.question-suggestion{padding:16px}.suggestion-picker{gap:10px}.suggestion-picker .button{width:100%}}
.reading-level-summary{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;margin:0 0 23px;padding:13px 17px;background:var(--green-soft);border-radius:10px}.reading-level-summary .text-button{font-size:11px}.placement-word{height:auto;min-height:150px;padding:14px 0;font-size:clamp(30px,4.6vw,62px);overflow-wrap:anywhere;line-height:1.7;text-align:center}.placement-word.reading-rika{line-height:1.7}.placement-item{min-width:0}.placement-item .card-kicker{line-height:1.8}@media(max-width:640px){.placement-word{min-height:130px;font-size:clamp(27px,6vw,47px)}.reading-level-summary{gap:10px 16px}}
.question-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px}.question-choice{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:20px;border:2px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink)}.question-choice strong{font:650 22px/1.4 Manrope,system-ui,sans-serif}.question-choice>span:not(.card-kicker){font-size:11px}.question-choice>b{font-size:12px;color:var(--green);margin-top:4px}.question-choice small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.question-choice .card-kicker{font-size:9px;margin:0}.question-choice.is-selected{border-color:var(--green);background:var(--green-soft)}.question-choice:not(:disabled):hover{border-color:var(--gold)}.question-choice.is-solved>b{color:var(--green)}.answer-feedback p{font-size:11px;margin-top:8px}.reading-level-summary>span:not(.pill){font-size:11px}@media(max-width:600px){.question-choices{grid-template-columns:1fr;gap:9px}.question-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:13px 15px}.question-choice .card-kicker{grid-column:1}.question-choice strong{grid-column:1;font-size:18px}.question-choice>span:not(.card-kicker){grid-column:2;grid-row:1/3;align-self:center;text-align:right;font-size:10px}.question-choice>b{grid-column:1;font-size:11px}.question-choice small{grid-column:2;grid-row:3;text-align:right;font-size:9px}}
.reading-success h2{font-size:27px;margin:15px 0}.reading-success p{font-size:13px;line-height:1.9;color:var(--ink)}.reading-success ol{padding-left:20px;font-size:12px;line-height:1.9;color:var(--muted);margin:18px 0 23px}.reading-success .text-button{margin-top:18px;min-height:36px}.reading-complete h3{margin-top:18px;font-size:17px}.reading-complete .button{margin:17px 0 12px;min-height:44px}.reading-complete small{display:block;font-size:10px;line-height:1.8}.reading-credit-reminder{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 23px;padding:18px 20px;background:var(--green-soft);border:1px solid var(--line);border-radius:12px}.reading-credit-reminder strong{font-size:14px}.reading-credit-reminder p{font-size:11px;color:var(--muted);margin-top:5px}.reading-credit-reminder .button{flex-shrink:0}.challenge-card .reading-credit-link{margin-top:13px;min-height:36px}@media(max-width:600px){.reading-credit-reminder{align-items:flex-start;flex-direction:column;gap:12px}.reading-credit-reminder .button,.reading-complete .button{width:100%}.reading-success h2{font-size:23px}}
.member-profile-link{color:var(--green);text-decoration:underline;text-underline-offset:4px;min-height:44px;width:fit-content;max-width:100%;white-space:normal}.member-profile-link>span{font-size:14px;opacity:.7}.member-profile-link:hover{text-decoration-thickness:2px}.member-profile-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.member-profile-toolbar a,.member-profile-toolbar button{min-height:40px}.member-profile-note{font-size:11px;line-height:1.9;color:var(--muted);margin:20px 0}.member-atlas{margin-bottom:20px}.member-atlas .atlas-top>.pill{white-space:normal;text-align:center}.member-atlas .atlas-top{padding-bottom:12px}@media(max-width:640px){.member-profile-toolbar{gap:12px}.member-atlas .atlas-top{flex-wrap:wrap;gap:12px}.member-atlas .atlas-top h2{font-size:20px}.member-profile-note{font-size:10px}}
.admin-tabs{flex-wrap:wrap}.join-help-button{margin:18px 0 5px;text-decoration:underline;text-underline-offset:4px}.invite-welcome{padding:18px;background:var(--green-soft);border-radius:12px;margin:15px 0}.invite-welcome h3{font-size:17px}.invite-welcome p,.invite-recipient{font-size:12px;line-height:1.8;margin:10px 0;overflow-wrap:anywhere}.invite-recipient{background:var(--green-soft);padding:12px;border-radius:9px}.join-steps{list-style:none;padding:0;margin:24px 0;display:grid;gap:20px}.join-steps li{display:flex;align-items:flex-start;gap:13px}.join-steps li>span{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--gold-soft);color:#8e7444;display:grid;place-items:center;font-weight:600}.join-steps p{font-size:12px;line-height:1.8;margin:0}.invite-intro{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 18px}.invite-result{background:var(--green-soft);padding:20px;border-radius:12px;margin-top:24px}.invite-result h3{font-size:18px}.invite-result p{font-size:12px;margin:9px 0;overflow-wrap:anywhere}.invite-result label,.invite-result small{font-size:11px;display:block;line-height:1.8}.invite-result input{width:100%;min-width:0;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);margin:8px 0;direction:ltr}.invite-actions{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 12px}.invite-list{padding:26px;margin-top:22px}.invite-row{display:flex;gap:20px;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line)}.invite-row strong{font-size:13px;overflow-wrap:anywhere}.invite-row p{font-size:12px;margin-top:5px}.invite-row small{font-size:11px;color:var(--muted);display:block;margin-top:8px}.invite-row-end{display:flex;align-items:flex-end;flex-direction:column;gap:10px;flex-shrink:0}.invite-status{padding:4px 10px;border-radius:20px;background:var(--gold-soft);font-size:11px}@media(max-width:600px){.invite-row{flex-direction:column;gap:13px}.invite-row-end{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 18px}.invite-list{padding:20px}.invite-result{padding:16px}}