@font-face{font-family:Vazirmatn;src:url('font.ttf')}@font-face{font-family:Vazirmatn;src:url('font-bold.ttf');font-weight:600 900}*{box-sizing:border-box}body{margin:0;background:#f7f4eb;color:#193f35;font-family:Vazirmatn,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input{font:inherit}button,summary{cursor:pointer}header{max-width:1280px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #dce0d3}.wordmark{font-size:17px;font-weight:600}.wordmark small{display:block;font-size:11px;font-weight:400;color:#6d7b70}nav{display:flex;align-items:center;gap:20px;font-size:12px}nav form{margin:0}.text-button{border:0;background:none;color:#193f35}main{max-width:1180px;margin:auto}.eyebrow{font-size:12px;color:#998051;margin:0 0 13px}h1{font-size:39px;line-height:1.6;letter-spacing:-.5px;margin:0 0 12px;font-weight:600}h2{font-size:26px;line-height:1.6;margin:0 0 16px;font-weight:600}p{margin:0 0 18px}.muted,.quiet,.help{color:#69766b}.muted{font-size:14px}.help{font-size:11px;line-height:1.9;margin:18px 0 0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:10px;border:1px solid #193f35;padding:12px 20px;font-size:14px}.primary{color:#faf8ef;background:#193f35}.secondary{color:#193f35;background:transparent}.login-shell{min-height:calc(100vh - 170px);padding:65px 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.login-intro h1{font-size:49px}.login-intro{padding-left:45px}.intro-rule{height:1px;width:70px;background:#b49259;margin:35px 0}.quiet{font-size:14px;max-width:320px}.login-panel{background:#fdfbf5;border:1px solid #dce1d4;border-radius:20px;padding:38px 40px;box-shadow:0 18px 60px #193f3508}label{display:grid;gap:8px;font-size:13px;margin-bottom:18px}input:not([type=checkbox]){min-width:0;width:100%;height:47px;padding:10px 12px;border:1px solid #ccd5c7;background:#fffef9;color:#193f35;border-radius:8px}input:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a9915c;outline-offset:3px}.login-panel form>.primary,.create-panel form>.primary{width:100%}.dashboard{padding:58px 40px 70px}.content-card{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin-top:30px;background:#fcfaf3;border:1px solid #d9dfd0;border-radius:20px;overflow:hidden;transition:border-color .2s,transform .2s}.content-card:hover{border-color:#9fb297;transform:translateY(-2px)}.content-art{display:grid;place-items:center;background:#eef1e5;padding:28px}.content-art img{width:100%;max-width:440px;mix-blend-mode:multiply}.content-copy{padding:42px 38px;align-self:center}.content-copy h2{font-size:33px;margin-bottom:9px}.content-copy>p:not(.eyebrow){font-size:17px}.metadata{display:flex;flex-wrap:wrap;gap:9px 15px;font-size:11px;color:#74816e;margin:22px 0}.content-copy .primary{margin-top:10px}.admin{padding:42px 40px 70px;max-width:1280px}.back-link{display:inline-block;font-size:12px;color:#71806d;margin-bottom:25px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:28px;margin-top:30px}.reviewers h2,.create-panel h2{font-size:21px}.reviewer,.create-panel,.empty-access{background:#fcfaf4;border:1px solid #d9dfd0;padding:24px;border-radius:15px}.reviewer{margin-bottom:14px}.reviewer strong{display:block;font-size:16px}.reviewer span,.reviewer small{display:block;font-size:12px;color:#72806e}.reviewer>form{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:20px}.check{display:flex;align-items:center;gap:7px;margin:0;font-size:12px}input[type=checkbox]{accent-color:#193f35;width:17px;height:17px}.reviewer details{margin-top:18px;font-size:12px;color:#657660}.reviewer details form{margin-top:18px}.reviewer .secondary{font-size:12px;padding:8px 12px}.create-panel{height:max-content}.notice,.alert{border-radius:8px;padding:12px 15px;font-size:13px}.notice{background:#e8efdf}.alert{background:#f8ece1;color:#854f35}.empty-access{margin-top:30px}footer{padding:22px 20px;text-align:center;color:#919b89;font-size:10px}
@media(max-width:760px){header{padding:18px 22px;gap:14px;flex-wrap:wrap}.wordmark{font-size:15px}.wordmark small{font-size:10px}nav{width:100%;justify-content:space-between;font-size:11px;gap:10px}.login-shell{display:block;padding:30px 22px;min-height:0}.login-intro{padding:0;margin-bottom:25px}.login-intro h1{font-size:31px;line-height:1.65}.login-intro h1 br{display:none}.login-intro>p:not(.eyebrow),.intro-rule,.quiet{display:none}.login-intro .eyebrow{margin-bottom:5px}.login-panel{padding:26px 22px;border-radius:15px}.login-panel h2{font-size:25px}.dashboard,.admin{padding:30px 22px 45px}h1{font-size:29px}.content-card{display:flex;flex-direction:column;margin-top:24px;border-radius:15px}.content-art{padding:18px;max-height:200px;order:0}.content-art img{max-height:170px;width:auto;max-width:100%}.content-copy{padding:24px;width:100%}.content-copy h2{font-size:27px}.content-copy>p:not(.eyebrow){font-size:15px}.content-copy .primary{width:100%}.metadata{gap:8px 12px;margin:16px 0}.admin-grid{display:flex;flex-direction:column;gap:20px}.reviewer,.create-panel{padding:20px}.create-panel{order:1}.reviewer>form{gap:12px}.reviewer>form .secondary{width:100%}.muted{font-size:13px}footer{padding:20px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.content-card{transition:none}.content-card:hover{transform:none}}
.password-field{display:block;position:relative;width:100%;direction:ltr}.password-field input,.password-input,input[type=password]{direction:ltr!important;text-align:left!important;padding-right:50px!important}.password-eye{position:absolute;right:3px;top:3px;width:41px;height:41px;display:grid;place-items:center;background:transparent;border:0;color:#61735a;border-radius:7px;padding:8px}.password-eye svg{width:23px;height:23px}.password-eye[aria-pressed=true]{background:#e7eddd;color:#193f35}.document-art{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;background:linear-gradient(125deg,#e4ead8,#f5f1e4);color:#193f35;border-inline-start:7px solid #526b4d;padding:30px;text-align:center}.document-art span{font-size:29px;font-weight:600;line-height:1.8}.document-art small{font-size:12px;max-width:220px}@media(max-width:760px){.document-art{min-height:200px;width:100%;padding:25px}.document-art span{font-size:24px}.document-art small{font-size:11px}}

/* Compact content choices: both motion and book remain easy to discover on phones. */
@media(max-width:760px){.dashboard:has(.document-card) .content-card{display:grid;grid-template-columns:82px minmax(0,1fr);margin-top:18px}.dashboard:has(.document-card) .content-art{height:100%;max-height:none;padding:8px}.dashboard:has(.document-card) .content-art img{width:100%;height:auto}.dashboard:has(.document-card) .document-art{min-height:0;height:100%;padding:10px 7px;gap:12px;border-inline-start-width:4px}.dashboard:has(.document-card) .document-art span{font-size:12px}.dashboard:has(.document-card) .document-art small{display:none}.dashboard:has(.document-card) .content-copy{padding:19px 15px}.dashboard:has(.document-card) .content-copy h2{font-size:22px}.dashboard:has(.document-card) .content-copy .eyebrow{font-size:10px;margin-bottom:6px}.dashboard:has(.document-card) .content-copy>p:not(.eyebrow){font-size:12px;margin-bottom:8px}.dashboard:has(.document-card) .metadata{font-size:9px;margin:10px 0;gap:5px 9px}.dashboard:has(.document-card) .primary{padding:9px 8px;font-size:11px;gap:8px;margin-top:6px}}

/* R4: a distinct, authenticated introduction alongside the existing choices. */
.introduction-card{background:#102d36;color:#edf5ef;border-color:#244750}.introduction-card .eyebrow,.introduction-card .content-copy>p{color:#bdcfc7}.introduction-card .primary{background:#d8ae83;color:#102d36}.introduction-art{position:relative;overflow:hidden;display:grid;place-items:center;min-height:210px;background:radial-gradient(ellipse at 25% 20%,#316471,transparent 65%);text-align:right}.introduction-art strong{position:relative;font-size:34px;line-height:1.55;font-weight:600}.intro-orbit{position:absolute;width:230px;height:230px;border:1px solid #71938b80;border-radius:50%;transform:rotateX(55deg) rotateZ(-28deg);box-shadow:0 0 0 30px #70958812,0 0 0 60px #70958809}.introduction-card:hover .introduction-art strong{transform:translateY(-2px)}@media(max-width:650px){.introduction-art{min-height:140px}.introduction-art strong{font-size:23px;line-height:1.55}.introduction-card .content-copy{padding:18px}}@media(prefers-reduced-motion:reduce){.introduction-card:hover .introduction-art strong{transform:none}}