.ddsr { --r-navy:#27486a; --r-ink:#263746; --r-muted:#596775; --r-paper:#f6f4ef; color:var(--r-ink); font-family:var(--dds-body-font,Georgia,serif); }
.ddsr *, .ddsr *::before, .ddsr *::after { box-sizing:border-box; }
.ddsr [hidden] { display:none!important; }
.ddsr h1,.ddsr h2,.ddsr h3,.ddsr button,.ddsr input,.ddsr-tab,.ddsr-eyebrow,.ddsr-kicker,.ddsr-total,.ddsr-links,.ddsr-language-label,.ddsr-categories,.ddsr-details summary { font-family:var(--dds-heading,Ubuntu,Arial,sans-serif); }
.ddsr h1,.ddsr h2,.ddsr h3,.ddsr p { margin:0; }
.ddsr a { text-decoration:none; }
.ddsr a:hover { text-decoration:underline; text-underline-offset:4px; }
.ddsr :is(a,button,input,summary,[tabindex]):focus-visible { outline:3px solid #326fad; outline-offset:5px; }
.ddsr .dds-shell { width:min(1280px,calc(100% - 64px)); margin-inline:auto; }
.ddsr-intro { background:var(--r-paper); overflow:hidden; border-bottom:1px solid #e4e2db; }
.ddsr-intro-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; padding:62px 0 58px; }
.ddsr-eyebrow { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:2.1px; color:#597084; }
.ddsr h1 { font-size:clamp(38px,4.3vw,61px); line-height:1.07; letter-spacing:-2.1px; font-weight:700; margin-top:17px; }
.ddsr h1 span { color:#547a9d; }
.ddsr-lead { font-size:17px; line-height:1.75; color:var(--r-muted); margin-top:22px!important; }
.ddsr-library { padding:40px 0 0; }
.ddsr-toolbar { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-bottom:27px; }
.ddsr-toolbar-note { margin-top:5px!important; font-size:14px; color:var(--r-muted); }
.ddsr-search { display:flex; align-items:center; width:min(480px,48%); min-height:52px; background:#fff; border:1px solid #c8d2db; border-radius:9px; padding-left:16px; gap:10px; }
.ddsr-search:focus-within { border-color:var(--r-navy); box-shadow:0 0 0 3px #27486a13; }
.ddsr-search>svg { width:20px; height:20px; flex-shrink:0; color:#627d94; }
.ddsr-search input[type=search] { flex:1; width:100%; min-width:0; border:0; background:transparent; box-shadow:none; color:var(--r-ink); padding:14px 0; font-size:14px; outline:none; }
.ddsr-search button { border:0; background:transparent; color:var(--r-navy); width:45px; min-height:48px; cursor:pointer; font-size:23px; }
.ddsr-tabs { display:flex; border-bottom:1px solid #cbd6de; gap:7px; overflow-x:auto; scrollbar-width:thin; padding-top:6px; }
.ddsr-tab { display:flex; flex:0 0 auto; align-items:center; gap:10px; padding:16px 22px 19px; color:#5d6c78; position:relative; white-space:nowrap; font-size:16px; font-weight:700; border-radius:8px 8px 0 0; border-bottom:3px solid transparent; }
.ddsr-tab:hover { background:#f3f6f8; text-decoration:none!important; }
.ddsr .ddsr-tab:focus-visible { outline-offset:-5px; }
.ddsr-tab.is-active { background:#edf2f6; border-bottom-color:var(--r-navy); color:var(--r-navy); }
.ddsr-tab img { width:28px; height:28px; flex-shrink:0; object-fit:contain; }
.ddsr-tab small { font-size:11px; font-weight:400; color:#576675; background:#e4e9ed; border-radius:4px; padding:0 5px; line-height:20px; }
.ddsr-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-top:39px; margin-bottom:24px; }
.ddsr-section-heading h2 { font-size:34px; line-height:1.2; letter-spacing:-.8px; margin-top:9px; }
.ddsr-total { color:var(--r-muted); font-size:13px; padding-bottom:3px; }
.ddsr-categories { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:32px; }
.ddsr-categories a { font-size:12px; color:#4d6274; padding:8px 12px; line-height:1.4; border:1px solid #d9e1e6; border-radius:5px; }
.ddsr-categories a:hover { background:#edf2f6; text-decoration:none; }
.ddsr-category { margin:0 0 44px; scroll-margin-top:140px; }
.ddsr-category-heading { display:flex; align-items:center; gap:11px; margin-bottom:19px; }
.ddsr-category-heading>svg { width:23px; height:23px; color:#657f94; }
.ddsr-category-heading h2 { font-size:21px; font-weight:700; letter-spacing:-.3px; }
.ddsr-category-heading>span { flex:1; height:1px; background:#e2e7ea; margin-left:12px; }
.ddsr-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; }
.ddsr-card { display:flex; flex-direction:column; padding:25px; border:1px solid #dce3e8; border-radius:11px; background:#fff; box-shadow:0 3px 12px #17223003; min-width:0; }
.ddsr-card-top { display:flex; align-items:flex-start; gap:18px; min-height:114px; }
.ddsr-art { flex:0 0 76px; width:76px; height:105px; display:flex; align-items:center; justify-content:center; }
.ddsr-art img { width:100%; height:100%; object-fit:contain; object-position:top center; filter:drop-shadow(2px 3px 3px #162d3b20); }
.ddsr-art.ddsr-art--logo { height:auto; aspect-ratio:1; align-self:flex-start; padding:6px; background:#fff; border:1px solid #e4e9ec; border-radius:10px; overflow:hidden; }
.ddsr-art--logo img { aspect-ratio:1; height:auto; object-position:center; filter:none; border-radius:4px; }
.ddsr-card-top.ddsr-card-top--wordmark { flex-direction:column; gap:16px; }
.ddsr-art.ddsr-art--wordmark { flex-basis:auto; width:168px; height:58px; aspect-ratio:auto; padding:9px; }
.ddsr-art--wordmark img { width:100%; height:100%; aspect-ratio:auto; border-radius:0; }
.ddsr-art--symbol { height:76px; background:#eff3f5; border:1px solid #e4e9ec; border-radius:8px; color:#7990a2; }
.ddsr-art--symbol svg { width:33px; height:33px; }
.ddsr-art--unavailable { background:#eff3f5; border-radius:8px; }
.ddsr-art--unavailable::after { content:'Aa'; font-family:Georgia,serif; font-size:27px; color:#7990a2; }
.ddsr-card-heading { flex:1; min-width:0; }
.ddsr-kicker { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:1px; line-height:1.5; color:#597084; margin-bottom:7px!important; }
.ddsr-card h3 { font-size:18px; line-height:1.3; font-weight:700; letter-spacing:-.25px; overflow-wrap:anywhere; }
.ddsr-author,.ddsr-edition { font-size:11px; line-height:1.55; color:var(--r-muted); margin-top:9px!important; }
.ddsr-edition { margin-top:3px!important; }
.ddsr-summary { font-size:13px; line-height:1.8; color:#526272; margin-top:19px!important; }
.ddsr-details { margin-top:13px; font-size:13px; color:#526272; }
.ddsr-details summary { width:fit-content; min-height:30px; cursor:pointer; color:#365a77; font-size:12px; padding:3px 0; }
.ddsr-details>div { margin-top:10px; padding-top:12px; border-top:1px solid #e5eaed; line-height:1.8; overflow-wrap:anywhere; }
.ddsr-details>div p { margin-bottom:12px; }
.ddsr-details>div a { color:#315f85; text-decoration:underline; }
.ddsr-links { border-top:1px solid #e5eaed; padding-top:13px; margin-top:17px; display:flex; flex-wrap:wrap; gap:8px 14px; }
.ddsr-links a { color:var(--r-navy); font-weight:700; font-size:12px; line-height:1.5; padding:5px 0; min-height:30px; }
.ddsr-language-label { font-size:11px; color:#52708a; margin-top:13px!important; }
.ddsr-result-count { margin-top:10px!important; font-size:14px; color:var(--r-muted); }
.ddsr-search-results [data-clear-search] { font-size:14px; color:var(--r-navy); padding:9px; }
.ddsr-empty { padding:38px 25px; background:var(--r-paper); border-radius:10px; font-size:16px; margin:20px 0!important; }
.ddsr-closing { display:flex; align-items:center; gap:22px; padding:34px 38px; background:#edf2f5; border-radius:11px; margin:56px 0 64px; }
.ddsr-closing>svg { flex:0 0 40px; width:40px; height:40px; color:#66849d; }
.ddsr-closing h2 { font-size:23px; line-height:1.3; }
.ddsr-closing p { font-size:14px; margin-top:5px; color:var(--r-muted); }
.ddsr-closing a { margin-left:auto; flex-shrink:0; background:var(--r-navy); color:#fff; border-radius:6px; padding:13px 19px; font-family:var(--dds-heading,Arial,sans-serif); font-size:13px; }
.ddsr-panel:focus { outline-offset:6px; }
.dds-resources-page { margin:0!important; padding:0!important; max-width:none!important; }
.dds-resources-page>.wp-block-post-content { margin:0!important; max-width:none!important; }
.dds-resources-page .ddsr { max-width:none!important; margin:0!important; }
@media(min-width:1100px) { .ddsr-tab { flex:1; justify-content:center; } }
@media(max-width:1100px) { .ddsr-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ddsr-tab { padding-inline:18px; } .ddsr-closing { flex-wrap:wrap; } }
@media(max-width:760px) { .ddsr .dds-shell { width:calc(100% - 36px); } .ddsr-intro-inner { padding:38px 0; gap:10px; } .ddsr h1 { font-size:40px; letter-spacing:-1.6px; } .ddsr-lead { font-size:14px; } .ddsr-toolbar { align-items:stretch; flex-direction:column; gap:17px; } .ddsr-search { width:100%; } .ddsr-library { padding-top:27px; } .ddsr-tab { font-size:14px; padding:14px 16px; } .ddsr-tab img { width:24px; height:24px; } .ddsr-tab small { display:none; } .ddsr-section-heading h2 { font-size:29px; } .ddsr-total { font-size:11px; } .ddsr-grid { gap:16px; } .ddsr-card { padding:20px; } .ddsr-card-top { gap:13px; } .ddsr-art { flex-basis:64px; width:64px; height:89px; } .ddsr-art--symbol { height:64px; } .ddsr-closing { padding:25px; gap:15px; } .ddsr-closing>svg { display:none; } .ddsr-closing a { margin-left:0; } }
@media(max-width:560px) { .ddsr-intro-inner { padding:36px 0 32px; } .ddsr h1 { font-size:39px; } .ddsr-lead br { display:none; } .ddsr-grid { grid-template-columns:minmax(0,1fr); } .ddsr-card { padding:23px; } .ddsr-card-top { min-height:95px; gap:19px; } .ddsr-art { flex-basis:72px; width:72px; height:100px; } .ddsr-art--symbol { height:72px; } .ddsr-card h3 { font-size:19px; } .ddsr-summary { font-size:14px; } .ddsr-links a { min-height:39px; display:inline-flex; align-items:center; } .ddsr-section-heading { flex-wrap:wrap; gap:10px; margin-top:28px; } .ddsr-section-heading .ddsr-total { width:100%; } .ddsr-categories { gap:7px; } .ddsr-categories a { padding:10px; } .ddsr-category-heading h2 { font-size:19px; } .ddsr-closing h2 { font-size:21px; } }
@media(prefers-reduced-motion:reduce) { .ddsr *, .ddsr *::before, .ddsr *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }