:root { --ink:#08213d; --blue:#2563eb; --paper:#f4f8fc; --line:#d7e3ef; --muted:#586f87; --mint:#23b7a4; }
.rich-copy { overflow-wrap: anywhere; }
.rich-copy img { max-width: 100%; height: auto; }
.rich-copy figure { margin-inline: 0; max-width: 100%; overflow-x: auto; }
.rich-copy table { border-collapse: collapse; width: 100%; }
.rich-copy th, .rich-copy td { border: 1px solid var(--line); padding: .6rem; }
.rich-copy pre { max-width: 100%; overflow-x: auto; direction: ltr; }
.reading section { margin-top: 2rem; }
.reading section a { color: var(--blue); text-decoration: underline; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Vazirmatn, Tahoma, sans-serif; line-height:1.8; }
a { color:inherit; text-decoration:none; }
.site-bar { display:flex; align-items:center; justify-content:space-between; gap:18px; width:min(1180px, calc(100% - 40px)); margin:18px auto; padding:10px 14px; border:1px solid rgba(207,220,234,.95); border-radius:18px; background:rgba(255,255,255,.9); box-shadow:0 12px 34px rgba(8,33,61,.09); }
.brand { display:inline-flex; align-items:center; gap:8px; font-size:1.05rem; font-weight:800; }.brand img { width:38px; height:38px; object-fit:contain; }
.site-bar nav { display:flex; align-items:center; flex-wrap:wrap; gap:15px; font-size:.88rem; font-weight:700; }.site-bar form { margin:0; }.nav-button { border:0; cursor:pointer; color:white; background:var(--ink); border-radius:10px; padding:8px 13px; font:inherit; }
.page-shell { width:min(1080px, calc(100% - 40px)); margin:52px auto 90px; }.section-heading { margin:0 0 30px; }.section-heading-row { display:flex; justify-content:space-between; align-items:end; gap:20px; }.section-heading h1,.panel h1 { margin:0; font-size:clamp(2rem,5vw,3.2rem); line-height:1.3; }.section-heading p { color:var(--muted); }.eyebrow { margin:0 0 8px; color:#168475; font-size:.8rem; font-weight:800; letter-spacing:.04em; }
.panel { border:1px solid var(--line); border-radius:20px; background:white; box-shadow:0 12px 30px rgba(8,33,61,.06); }.card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; }.article-card,.album-card { overflow:hidden; padding:20px; }.article-card img,.album-card img { width:calc(100% + 40px); height:210px; margin:-20px -20px 18px; object-fit:cover; }.article-card h2,.album-card h2,.ticket h2 { margin:0 0 8px; font-size:1.14rem; }.article-card p,.album-card p { color:var(--muted); }.text-link { color:var(--blue); font-weight:800; }.reading { max-width:800px; margin:auto; padding:clamp(24px,5vw,54px); }.cover-image { width:100%; max-height:460px; margin:28px 0; object-fit:cover; border-radius:14px; }.lead { color:var(--muted); font-size:1.08rem; }.rich-copy { font-size:1.02rem; }.image-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }.image-grid img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:16px; }.image-grid figure { margin:0; }.image-grid figcaption { color:var(--muted); font-size:.82rem; }.form-panel,.auth-panel { max-width:620px; margin:auto; padding:clamp(24px,5vw,42px); }.stack-form { display:grid; gap:16px; margin-top:26px; }.stack-form label { display:grid; gap:6px; font-weight:700; }.stack-form input,.stack-form textarea { width:100%; border:1px solid #c7d8e9; border-radius:11px; padding:12px; background:#fbfdff; color:var(--ink); font:inherit; }.stack-form ul { margin:0; padding:0; color:#b42318; font-size:.84rem; list-style:none; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border:0; border-radius:12px; font:inherit; font-weight:800; cursor:pointer; }.button.primary { color:white; background:var(--blue); }.flash { padding:13px 16px; border-radius:12px; background:#e8f8f5; color:#126e62; }.empty-state { padding:34px; border:1px dashed #b9cbdb; border-radius:16px; color:var(--muted); text-align:center; }.ticket-list,.thread { display:grid; gap:14px; }.ticket { display:block; padding:20px; }.ticket span { color:#168475; font-size:.82rem; font-weight:800; }.ticket time,.message small { color:var(--muted); font-size:.8rem; }.message { max-width:760px; padding:18px 22px; }.message.staff-reply { margin-right:auto; border-color:#a8ded6; background:#f0fbf9; }
@media (max-width:680px) { .site-bar { align-items:flex-start; width:min(100% - 24px, 600px); margin:12px auto; }.site-bar nav { gap:10px; font-size:.78rem; }.page-shell { width:min(100% - 28px, 640px); margin-top:34px; }.section-heading-row { align-items:flex-start; flex-direction:column; }.section-heading-row .button { width:100%; }.image-grid { grid-template-columns:repeat(2,1fr); } }