:root{--font-heading:Georgia;--font-body:Arial;--font-arabic:'Times New Roman'}body{font-family:var(--font-body),sans-serif}h1,h2,h3,.lead,.statement,blockquote,.chapter p,.cover-bottom p,.placeholder p,.contents a,.name-study>span:first-child,footer p,footer>span,.small-logo{font-family:var(--font-heading),serif}.arabic,[lang=ar]{font-family:var(--font-arabic),serif}#editor-bar{position:sticky;top:0;z-index:15;background:#25221d;color:#fff;padding:10px 4vw;display:flex;gap:16px;align-items:center;justify-content:space-between;font:14px/1.4 Arial,sans-serif;min-height:60px}#editor-bar~header{top:60px}.editor-actions{display:flex;gap:8px;flex-wrap:wrap}#editor-bar button,dialog button{font:14px Arial,sans-serif;padding:10px 16px;border:1px solid #a99d8a;background:#f6f1e8;color:#25221d;cursor:pointer;border-radius:2px}#editor-bar button:disabled{opacity:.55;cursor:default}#save-status{max-width:520px}#editor-tip{padding:10px 4vw;font-size:14px;background:#f6f1e8;color:#25221d}body.editing [contenteditable=plaintext-only]:hover{outline:1px dashed #897489;outline-offset:5px}body.editing [contenteditable=plaintext-only]:focus{outline:2px solid #897489;outline-offset:5px}body.editing [data-asset-id]{cursor:pointer;position:relative}body.editing [data-asset-id]:hover,body.editing [data-asset-id]:focus-visible{outline:2px dashed #897489;outline-offset:6px}body.editing [data-asset-id]::after{content:'Replace / resize';position:absolute;right:8px;top:8px;background:#25221d;color:white;padding:5px 9px;font:12px Arial,sans-serif;letter-spacing:0;line-height:1.4}.has-upload{display:flex!important;align-items:center;justify-content:center;padding:25px!important;min-height:0;background:none;border:0}.uploaded-asset{display:block;max-width:100%;height:auto;max-height:750px;object-fit:contain;margin:0 auto}.cover h1.has-upload{margin:40px 0;padding:0!important;width:100%}.cover>.arabic.has-upload img{max-height:140px}.cover h1.has-upload img{max-height:350px}dialog{border:1px solid #bdb3a4;background:#f6f1e8;color:#25221d;width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:28px;border-radius:3px;font:16px/1.5 Arial,sans-serif}dialog::backdrop{background:#17131188}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px}dialog h2{font:32px Georgia,serif;letter-spacing:-.02em;margin:0 0 20px}dialog h3{font:24px Georgia,serif}dialog p{font-size:14px;margin:15px 0}.dialog-top button{align-self:start}dialog label{display:block;font-size:14px;margin:18px 0}dialog select,dialog input[type=text]{display:block;width:100%;padding:10px;margin-top:7px;font:16px Arial,sans-serif;border:1px solid #bdb3a4;background:white;color:#25221d}dialog input[type=file]{display:block;max-width:100%;font-size:14px;margin-top:10px}dialog input[type=range]{display:block;width:100%;margin-top:12px}.font-control{border-bottom:1px solid #d5cbbd;padding-bottom:12px}.font-upload{color:#61594f}.colour-control{display:flex!important;justify-content:space-between;align-items:center}.colour-control input{width:70px;height:36px;border:0;background:none}.panel-note{color:#61594f}#asset-reset{margin-top:15px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #897489;outline-offset:3px}[hidden]{display:none!important}@media(max-width:750px){#editor-bar{position:relative;align-items:start;flex-direction:column;gap:8px}#editor-bar~header{top:0}dialog{padding:20px}.dialog-top h2{font-size:27px}#save-status{font-size:13px}}@media print{#editor-bar,#editor-tip,dialog{display:none!important}body.editing [data-asset-id]::after{display:none}body.editing [contenteditable]{outline:none!important}}
body>header [data-header-slot]{position:relative;flex-shrink:1}body>header [data-header-slot].has-upload{width:180px;max-width:30vw;min-width:60px;padding:0!important;margin:0;line-height:1}body>header [data-header-slot] .uploaded-asset{max-height:58px;object-fit:contain}body>header .edition.has-upload{display:flex!important}body.editing>header [data-header-slot]::after{content:'Edit header';font-size:10px;top:100%;right:0;white-space:nowrap;padding:2px 5px}body.editing>header .edition{display:block!important}body>header .small-logo{min-width:50px}body>header .edition{max-width:240px;white-space:normal;overflow-wrap:anywhere}@media(max-width:900px){body>header .edition.has-upload{max-width:24vw}body>header [data-header-slot] .uploaded-asset{max-height:40px}body.editing>header .edition{max-width:24vw;font-size:11px}}
#text-format-dialog input[type=number]{width:100%;display:block;margin-top:8px;padding:10px;font:16px Arial,sans-serif;border:1px solid #bdb3a4}#format-preview{max-width:100%;max-height:240px;overflow:auto;overflow-wrap:anywhere;white-space:pre-line;border-top:1px solid #bdb3a4;margin:25px 0;padding-top:20px}body>main [data-text-id]{box-sizing:border-box}

.name-artwork{padding:28px;box-sizing:border-box}.name-artwork>span.artwork-prompt{font:14px var(--font-body,Arial),sans-serif;letter-spacing:0;color:var(--muted)}.name-artwork img{max-width:100%;height:auto;object-fit:contain;margin:auto}

.type-arabic .type-poem{font-family:var(--font-arabic),serif;font-size:36px;font-weight:400;line-height:1.9;letter-spacing:0;text-align:right;margin:24px 0 0;max-width:100%}

/* Parastoo 3 selects an upright lam-alef for ARA; FAR retains its crossed form.
   Keep semantic lang=ar and RTL; override only the font's shaping language. */
.parastoo-shaping .type-arabic .type-sample{font-language-override:"FAR"}

main .volume-two-preview .volume-two-label{order:-1;font:14px/1.5 var(--font-body),sans-serif;letter-spacing:.1em;width:100%;align-self:stretch;margin:0 0 12px}
main .volume-two-preview .volume-two-copy{font:18px/1.65 var(--font-body),sans-serif;width:100%;max-width:760px;align-self:flex-start;margin:0}
main .volume-two-preview h2{margin:0 0 20px}

.footer-logo-upload{width:min(440px,100%);min-height:100px;margin:0 auto;display:flex;align-items:center;justify-content:center;border:0}
.footer-logo-upload>span{font:14px var(--font-body),sans-serif;color:inherit;letter-spacing:.04em}
.footer-logo-upload.has-upload{margin:0 auto;padding:0!important}
.footer-logo-upload .uploaded-asset{max-height:180px}

.emblem-artwork-column{min-width:0;display:flex;flex-direction:column;gap:24px}
.emblem-artwork-column>figure{margin:0}
.embroidery-mockup{min-height:220px}
.embroidery-mockup>span{font:14px/1.5 var(--font-body),sans-serif;letter-spacing:0}
.logo-usage-guide{margin:40px 0;padding-top:24px;border-top:1px solid var(--line)}
.logo-usage-sheet{margin:28px 0 0;background:var(--paper);border:1px solid var(--line)}
.logo-usage-sheet>img{width:100%;height:auto}
body.viewer #save-status{display:none}
.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
.application-grid>div{min-width:0}
.application-upload{justify-content:center;min-height:300px;margin:24px 0}
.application-upload>span{font:14px/1.5 var(--font-body),sans-serif;letter-spacing:0}
.pr-box-upload{min-height:360px}
@media(max-width:900px){.application-grid{grid-template-columns:1fr;gap:32px}.pr-box-upload{min-height:280px}}
@media(min-width:901px){body.viewer #editor-bar{display:none}}

.palette-specifications{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}.palette-chip{height:100px;border:1px solid var(--line)}.palette-specifications p{font-size:14px;line-height:1.8}@media(max-width:700px){.palette-specifications{grid-template-columns:repeat(2,minmax(0,1fr))}}