/*
Theme Name: SpiderCaster Rheumatology Specialty Practice
Theme URI: https://spidercaster.com
Author: SpiderCaster
Description: Mobile-first WordPress block theme sample for Rheumatology Specialty Practice
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: spidercaster-rheumatology-specialty-practice
*/
/* SpiderCaster renderer: v8 */
:root{--sc-bg:#FAFBFD;--sc-panel:#EEF2F7;--sc-ink:#182330;--sc-muted:#4A596B;--sc-primary:#1D567E;--sc-accent:#8F2D49;--sc-link:#000000;--sc-border:#4A596B}
*{box-sizing:border-box} body{margin:0;background:var(--sc-bg);color:var(--sc-ink);font:1rem/1.6 "system-ui", system-ui, sans-serif} h1,h2,h3{font-family:"system-ui", system-ui, sans-serif;line-height:1.2} h1{font-size:clamp(2rem,7vw,3.5rem)} h2{font-size:clamp(1.5rem,5vw,2.25rem)} a{color:var(--sc-link)} a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--sc-accent);outline-offset:3px} .sc-header,.sc-footer{padding:1rem max(1rem,calc((100vw - 1200px)/2));background:var(--sc-panel)} .sc-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between} .sc-header>.sc-brand{max-width:none;margin:0!important} .sc-header>.sc-nav,.sc-footer>.sc-nav{width:100%;max-width:none;margin:0!important} .sc-brand{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding-inline:.4rem;font-weight:800;font-size:1.1rem;text-decoration:none} .sc-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.4rem .6rem} .sc-desktop-links{display:none} .sc-nav details{position:relative} .sc-nav details summary{min-height:44px;min-width:44px;padding-inline:.6rem;display:flex;align-items:center;cursor:pointer} .sc-menu-links{display:none;position:absolute;z-index:5;top:calc(100% + .25rem);left:0;right:auto;width:min(18rem,calc(100vw - 2rem));min-width:min(18rem,calc(100vw - 2rem));background:var(--sc-panel);padding:.5rem;border:1px solid var(--sc-border);max-height:calc(100vh - 4.5rem);max-height:calc(100dvh - 4.5rem);overflow-y:auto;overscroll-behavior:contain} .sc-nav details[open]>.sc-menu-links{display:grid} .sc-footer .sc-menu-links{top:auto;bottom:calc(100% + .25rem)} .sc-skip{position:absolute;left:1rem;top:1rem;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .sc-skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;color:#020817;padding:.5rem;min-height:44px;min-width:44px;display:inline-flex;align-items:center;clip-path:none;width:auto;height:auto;overflow:visible} main{width:min(100% - 2rem,1200px);margin:auto} .sc-hero{padding:clamp(2.5rem,9vw,7rem) 0 2rem} .sc-eyebrow{color:var(--sc-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em} .sc-section,.sc-cta{margin:1.25rem 0;padding:clamp(1rem,4vw,2rem);border:1px solid var(--sc-border);border-radius:.75rem;background:var(--sc-panel)} .sc-grid{display:grid;grid-template-columns:1fr;gap:1rem} .sc-card{padding:1rem;border:1px solid var(--sc-border);border-radius:.5rem} .sc-button,.wp-block-button__link,button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1rem;background:var(--sc-accent);color:#FFFFFF;border:0;border-radius:.5rem;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;margin:.35rem .35rem .35rem 0} a.wp-block-button__link,a.sc-button{color:#FFFFFF} .sc-button-disabled{opacity:1;cursor:not-allowed} button:disabled{cursor:not-allowed;opacity:1} .sc-action-notice{display:inline-block;padding:.65rem 0;color:var(--sc-muted);font-weight:600} .sc-demo-notice{padding:.75rem;border-inline-start:4px solid var(--sc-accent)} .sc-demo-form{display:grid;gap:.5rem;max-width:38rem} input,textarea{width:100%;min-height:44px;padding:.65rem;border:1px solid var(--sc-border);border-radius:.35rem;background:var(--sc-bg);color:var(--sc-ink);font:inherit} summary{min-height:44px;display:flex;align-items:center;cursor:pointer} .sc-footer{margin-top:3rem} .sc-footer nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:.4rem .6rem} @media(min-width:760px){.sc-header>.sc-nav{width:auto} .sc-desktop-links{display:flex;flex-wrap:wrap} .sc-nav details{display:none} .sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(min-width:1024px){.sc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
