/* Shared public notice and Friday studio surfaces; no decorative hero clipping. */
.dc-page{width:min(1180px,100%);margin:32px auto 80px;padding:clamp(18px,4vw,40px);box-sizing:border-box;color:var(--ds-text);font-family:Poppins,system-ui,sans-serif}.dc-page [hidden]{display:none!important}.dc-dialog-head button{flex-shrink:0;white-space:nowrap}
.dc-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.dc-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.12;margin:12px 0}.dc-hero p{max-width:680px;color:var(--ds-muted);line-height:1.7}.dc-kicker{color:var(--ds-accent)!important;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.dc-page button,.dc-page .dc-button,.dc-page input,.dc-page select{font:inherit;box-sizing:border-box;max-width:100%;border:1px solid var(--ds-border);border-radius:13px;color:var(--ds-text);background:var(--ds-card);padding:12px 16px}.dc-page button,.dc-button{cursor:pointer;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.dc-page .dc-primary{background:var(--ds-accent);color:#031c23;font-weight:700}.dc-page button:disabled{opacity:.5;cursor:default}.dc-page :focus-visible{outline:3px solid var(--ds-accent);outline-offset:3px}.dc-page svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dc-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:24px}.dc-page label{display:grid;gap:8px;min-width:0}.dc-page label:has(input[type=checkbox]){display:flex;align-items:start;line-height:1.6}.dc-page input[type=checkbox]{flex-shrink:0;margin-top:5px;accent-color:var(--ds-accent)}
.dc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dc-card,.dc-panel{padding:clamp(20px,3vw,30px);border:1px solid var(--ds-border);border-radius:24px;background:color-mix(in srgb,var(--ds-card) 88%,transparent);min-width:0;box-sizing:border-box}.dc-card h2,.dc-card h3{margin:12px 0;font-size:24px}.dc-card p{line-height:1.7;overflow-wrap:anywhere}.dc-card footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.dc-date{color:var(--ds-accent);font-weight:700}.dc-tag{padding:6px 10px;border-radius:99px;border:1px solid var(--ds-border);font-size:12px;color:var(--ds-muted)}.dc-empty{padding:32px;border:1px dashed var(--ds-border);border-radius:20px;color:var(--ds-muted);line-height:1.7}.dc-note{color:var(--ds-muted);line-height:1.7;font-size:13px}.dc-panel{margin:24px 0}.dc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.dc-form .dc-wide{grid-column:1/-1}.dc-page dialog{color:var(--ds-text);background:var(--ds-bg);border:1px solid var(--ds-border);border-radius:24px;padding:24px;width:min(700px,calc(100vw - 24px));max-height:88dvh;overflow:auto;box-sizing:border-box}.dc-page dialog::backdrop{background:#020e19cc;backdrop-filter:blur(8px)}.dc-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.dc-page dialog img{display:block;width:100%;max-height:55dvh;object-fit:contain;margin:20px 0;border-radius:16px}.dc-friday-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dc-friday-grid .dc-card{padding:22px}.dc-friday-grid h2{font-size:19px}.dc-friday-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--ds-accent) 12%,transparent);color:var(--ds-accent)}.dc-sources{display:flex;gap:12px;flex-wrap:wrap}.dc-page a{color:var(--ds-accent)}.dc-page a.dc-primary{color:#031c23}.dc-quran{font-family:Amiri,serif;font-size:clamp(24px,4vw,34px);line-height:2.1}.dc-studio{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:30px}.dc-studio canvas{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--ds-border)}.dc-studio-controls{display:grid;gap:16px;align-content:start}
@media(max-width:850px){.dc-friday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-studio{grid-template-columns:1fr}.dc-studio-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.dc-hero{display:block}.dc-grid,.dc-form{grid-template-columns:1fr}.dc-form .dc-wide{grid-column:auto}.dc-hero .dc-button{margin-top:12px}.dc-page{margin-top:10px;padding:18px}.dc-page input[type=time],.dc-page input[type=date]{width:100%;min-width:0}.dc-tools>label{width:100%}.dc-studio-controls{grid-template-columns:1fr}.dc-friday-grid{gap:12px}.dc-friday-grid .dc-card{padding:16px}}