/* Original DualDrafts logo stays image artwork. Bree Serif is the OFL Regular face, not commercial Bree. */
@font-face{font-family:DualDisplay;src:url('fonts/BreeSerif-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
html{font-synthesis:none}body{font-kerning:normal;text-rendering:optimizeLegibility}
:root{--display:DualDisplay,Georgia,serif}
html[lang=ar]{--display:StudioArabic,StudioSans,sans-serif}
.error-page h1,.studio-copy h1,.gallery-heading h2,.atelier-story h2,.workspace-identity h1,.dialog-head h2,.guide-hero h1,.standalone-guide h2,.tool-guide h2,.locale-output h2,.locale-inputs h2,.gallery-empty h2{font-family:var(--display);font-weight:400;letter-spacing:-.025em}
.studio-copy h1{font-size:clamp(48px,5.25vw,78px);line-height:1.07;max-width:1000px;margin-inline:auto;letter-spacing:-.035em}
.gallery-heading h2{font-size:42px;line-height:1.18}.workspace-identity h1{font-size:30px;line-height:1.2}.dialog-head h2{font-size:28px;line-height:1.2}
.catalog-name strong,.template-description strong{font-family:var(--display);font-weight:400;letter-spacing:-.015em}
.catalog-name strong{font-size:22px}.template-description strong{font-size:22px!important}
.guide-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.12}.guide-hero>p:not(.eyebrow){max-width:65ch;line-height:1.7}.standalone-guide{max-width:78ch}.standalone-guide h2,.tool-guide h2{font-size:29px;line-height:1.3}.standalone-guide h2{margin-top:36px}.standalone-guide p,.tool-guide p{line-height:1.8}
input,select,textarea,button,.button,table,output{font-variant-numeric:tabular-nums}.locale-output output{overflow-wrap:anywhere;font-size:clamp(24px,3.2vw,42px);line-height:1.4}
html[lang=ar] .studio-copy h1,html[lang=ar] .gallery-heading h2,html[lang=ar] .workspace-identity h1,html[lang=ar] .dialog-head h2,html[lang=ar] .guide-hero h1,html[lang=ar] .tool-guide h2,html[lang=ar] .standalone-guide h2{font-weight:700;letter-spacing:0;line-height:1.45}
html[lang=ar] .studio-copy h1{font-size:clamp(38px,4.5vw,64px)}html[lang=ar] .catalog-name strong,html[lang=ar] .template-description strong{font-family:DualDisplay,Georgia,serif;font-weight:400}
@media(max-width:900px){.studio-copy h1{font-size:58px}.gallery-heading h2{font-size:36px}}
@media(max-width:600px){.studio-copy h1{font-size:42px;line-height:1.12;letter-spacing:-.035em}.gallery-heading h2{font-size:30px}.workspace-identity h1{font-size:26px}.dialog-head h2{font-size:25px}.catalog-name strong,.template-description strong{font-size:19px!important}.standalone-guide h2,.tool-guide h2{font-size:26px}html[lang=ar] .studio-copy h1{font-size:37px}.guide-hero h1{font-size:38px}}
@media(max-width:350px){.studio-copy h1{font-size:37px}.gallery-heading h2{font-size:28px}.guide-hero h1{font-size:34px}html[lang=ar] .studio-copy h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Reviewed static-guide position only; no slot rendered while advertising is disabled. */
.advertisement{max-width:760px;margin:64px auto 48px;padding:16px;border-top:1px solid #dce3f1;text-align:center;clear:both}.advertisement>p{font:400 12px StudioSans,sans-serif;color:#526079}.advertisement-space{width:728px;max-width:100%;min-height:90px;margin:auto;background:#f5f7fb}
@media(max-width:760px){.advertisement{margin:48px auto;padding:8px}.advertisement-space{width:300px;min-height:250px}}
@media print{.advertisement{display:none!important}}

footer a{color:#e1e9fc;text-underline-offset:3px;overflow-wrap:anywhere}footer a:focus-visible{outline:3px solid #b8c8ff;outline-offset:4px}