:root{--paper:#fbf8f2;--ink:#302d31;--muted:#716b70;--accent:#6c344f;--line:#ddd4cb;--teal:#326b62;--white:#fffdfa;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:4px}a:hover{color:var(--accent)}.container,.header-inner{max-width:1160px;margin:auto;padding-left:36px;padding-right:36px}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:white;z-index:5}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:var(--white)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:96px}.brand{text-decoration:none;display:flex;flex-direction:column;gap:5px}.brand-en{font:11px/1.4 Arial,sans-serif;letter-spacing:2.5px;color:var(--accent)}.brand-fa{font:25px/1.5 Tahoma,Arial,sans-serif;align-self:flex-start}nav{display:flex;gap:30px}nav a{text-decoration:none}.site-header nav a:first-child{display:flex;gap:8px;align-items:center}.site-header nav{font:13px/1.5 Arial,sans-serif;color:var(--muted)}.page-heading{padding:62px 0 30px}.eyebrow{font:11px/1.6 Arial,sans-serif;letter-spacing:2px;color:var(--accent);margin:0 0 24px}.dual-heading{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:35px}.dual-heading h1{grid-column:2;grid-row:1;font:38px/1.7 Tahoma,Arial,sans-serif;margin:0;color:var(--accent)}.heading-en{grid-column:1;grid-row:1;font-size:41px;line-height:1.2;letter-spacing:-1px;margin:4px 0 0}.intro{max-width:680px;font-size:17px;line-height:1.8;color:var(--muted);margin:24px 0 0}.intro.fa{font:15px/2 Tahoma,Arial,sans-serif;margin-left:auto;max-width:700px}.edition-note{border-left:3px solid var(--accent);background:#f2eae6;padding:18px 22px;margin:4px 0 38px;display:flex;flex-wrap:wrap;gap:8px 18px;font:13px/1.6 Arial,sans-serif}.edition-note>span:last-child{width:100%;font-family:Tahoma,Arial,sans-serif}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:64px}.book-card{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);padding:25px 26px 20px;min-height:270px;background:var(--white);transition:transform .15s,border-color .15s}.book-card:hover{transform:translateY(-3px);border-color:var(--accent)}.book-number{font:11px Arial,sans-serif;letter-spacing:2px;color:var(--muted);margin-bottom:25px}.book-card h2{font:24px/1.8 Tahoma,Arial,sans-serif;margin:0 0 9px;color:var(--accent)}.book-en{font-size:23px;line-height:1.3;margin:0 0 28px;flex-grow:1}.card-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;gap:10px;font:13px/1.5 Arial,sans-serif}.card-progress{font:11px/1.5 Arial,sans-serif;color:var(--muted);margin-top:8px;display:flex;justify-content:space-between}.card-progress span{font-size:19px;line-height:1}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:12px/1.8 Arial,sans-serif;color:var(--muted);padding-top:25px}.breadcrumbs+.page-heading{padding-top:40px}.separator{color:#a79ca4}.collection-meta{font:14px/1.8 Arial,sans-serif;color:var(--muted);margin-top:25px}.context{line-height:1.8;font-size:15px;max-width:800px;color:var(--muted)}.index-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:25px}.index-toolbar h2{font:22px/1.6 Tahoma,Arial,sans-serif;margin:0}.index-toolbar h2 span{font:15px Georgia,serif;color:var(--muted);display:block}.search-label{display:flex;flex-direction:column;gap:8px;min-width:280px;font:12px Arial,sans-serif;color:var(--muted)}input{font:14px Arial,sans-serif;padding:12px 15px;border:1px solid var(--line);border-radius:3px;background:var(--white);width:100%}.search-status{font:12px Arial,sans-serif;color:var(--muted);margin:20px 0 12px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}thead th{font:11px/1.5 Arial,sans-serif;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--ink);padding:15px 12px;white-space:nowrap}tbody td{padding:18px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.ordinal,.count{font:13px/1.5 Arial,sans-serif;color:var(--muted)}.title-fa{font:17px/1.9 Tahoma,Arial,sans-serif;min-width:170px}.title-en{font-size:18px;line-height:1.5;min-width:170px}.title-fa a,.title-en a{text-decoration:none}.title-fa a:hover,.title-en a:hover{text-decoration:underline}.badge{font:10px/1.6 Arial,sans-serif;padding:5px 8px;display:inline-block;white-space:nowrap;border-radius:3px}.approved{color:#225a50;background:#e5efea}.draft{color:#845d22;background:#f4ead4}.pending{color:#716b70;background:#eee9e4}.poem-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font:12px/1.8 Arial,sans-serif;color:var(--muted)}.translation-note{font:13px/1.8 Arial,sans-serif;color:var(--muted);border-left:2px solid var(--line);padding-left:14px}.poem-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:32px 0}.nav-item{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;border:1px solid var(--line);background:var(--white);padding:14px 18px;gap:4px;font:13px/1.5 Arial,sans-serif}.nav-item>span[dir=rtl]{font-family:Tahoma,Arial,sans-serif;font-size:14px}.nav-item small{font:12px/1.5 Georgia,serif;color:var(--muted)}.back{align-items:center;justify-content:center;background:var(--accent);color:white}.back:hover{color:white;background:#54273d}.next{align-items:flex-end;text-align:right}.disabled{opacity:.4;background:transparent;justify-content:center}.parallel-poem{background:var(--white);border-top:2px solid var(--accent);border-bottom:1px solid var(--line)}.verse-header,.verse-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(0,1fr);gap:0}.verse-header{padding:16px 20px;font:11px Arial,sans-serif;color:var(--muted);border-bottom:1px solid var(--line)}.verse-header>span:last-child{text-align:right;font-family:Tahoma,Arial,sans-serif}.verse-row{padding:0 20px;border-bottom:1px solid #eee7df;scroll-margin-top:20px}.verse-row:last-child{border-bottom:0}.verse-row:target{background:#f7eecf}.verse-row:hover{background:#f9f5ef}.line-number{font:10px/1.8 Arial,sans-serif;color:#93858a;text-decoration:none;padding-top:22px}.verse-en{font-size:18px;line-height:1.9;margin:0;padding:17px 30px 17px 0;align-self:center}.verse-fa{font:19px/2.1 Tahoma,Arial,sans-serif;margin:0;padding:17px 0 17px 26px;align-self:center;border-left:1px solid #eee7df}.pending-line{color:#b8aca8}.site-footer{border-top:1px solid var(--line);margin-top:60px;padding-top:30px;padding-bottom:35px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:13px;line-height:1.9}.site-footer>div>span:first-child{font:13px/2 Tahoma,Arial,sans-serif}.site-footer p{font:11px/1.9 Arial,sans-serif;margin:0;text-align:right}[hidden]{display:none!important}
@media(max-width:900px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heading-en{font-size:34px}.dual-heading h1{font-size:31px}.verse-en{font-size:16px}.verse-fa{font-size:17px}.container,.header-inner{padding-left:24px;padding-right:24px}}
@media(max-width:600px){.container,.header-inner{padding-left:18px;padding-right:18px}.header-inner{min-height:85px;gap:12px}.brand-en{font-size:9px;letter-spacing:1px}.brand-fa{font-size:21px}.site-header nav{gap:13px;font-size:11px}.site-header nav a:first-child{flex-direction:column;gap:0}.dual-heading{display:flex;flex-direction:column;gap:14px}.dual-heading h1{align-self:flex-end;font-size:29px}.heading-en{font-size:32px}.page-heading{padding-top:38px}.intro{font-size:16px}.intro.fa{font-size:14px}.book-grid{grid-template-columns:1fr}.book-card{min-height:225px}.book-card h2{font-size:24px}.edition-note{font-size:12px}.index-toolbar{align-items:stretch;flex-direction:column}.search-label{min-width:0}.title-fa{font-size:16px}.title-en{font-size:16px}tbody td{padding:16px 9px}.poem-nav{gap:8px}.nav-item{padding:12px 9px;font-size:11px}.nav-item>span[dir=rtl]{font-size:12px}.nav-item small{font-size:10px}.verse-header{grid-template-columns:30px 1fr;padding:14px}.verse-header>span:nth-child(2){display:none}.verse-row{grid-template-columns:30px minmax(0,1fr);padding:0 14px}.line-number{grid-column:1;grid-row:1/3;padding-top:18px}.verse-fa{grid-column:2;grid-row:1;border:0;padding:12px 0 2px;font-size:18px;line-height:2}.verse-en{grid-column:2;grid-row:2;padding:0 0 14px;font-size:17px}.site-footer{flex-direction:column;gap:20px}.site-footer p{text-align:left}}
@media print{.site-header,.poem-nav,.breadcrumbs,.search-label,.edition-note,.skip{display:none}.container{max-width:none;padding:0}.page-heading{padding-top:0}.verse-row{break-inside:avoid}.site-footer{margin-top:20px}.parallel-poem{border-top:1px solid #333}}

.audio-player{margin:24px 0;border:1px solid var(--line);padding:18px 22px;background:var(--white)}.audio-heading{display:flex;justify-content:space-between;gap:12px;font:13px/1.8 Arial,sans-serif;color:var(--muted);margin-bottom:12px}.audio-heading>span[dir=rtl]{font-family:Tahoma,Arial,sans-serif}.audio-controls{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.audio-language,.audio-transport{display:flex;gap:7px}.audio-player button{font:16px/1.5 Arial,sans-serif;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:3px;color:var(--ink);background:var(--paper);cursor:pointer}.audio-player button[data-play],.audio-player button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.audio-player button:disabled{opacity:.35;cursor:default}.audio-player button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.audio-clock{font:12px/1.6 Arial,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}.audio-status{font:12px/1.8 Arial,sans-serif;color:var(--muted);margin:12px 0 0}@media(max-width:600px){.audio-player{padding:14px}.audio-controls{gap:12px}.audio-clock{width:100%}}@media print{.audio-player{display:none}}

.audio-duration{display:flex;flex-direction:column;gap:5px;font:11px/1.6 Arial,sans-serif;color:var(--muted)}.audio-duration select{font:14px/1.5 Arial,sans-serif;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);cursor:pointer}.audio-duration select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}