/* Shared compact directory and reference-article presentation. */
.washwiki-index{background:#f7f9fb;color:#173246}
.washwiki-index .wrap{width:min(1180px,calc(100% - 48px))}
.washwiki-index .header-inner{min-height:72px}
.directory-mast{background:linear-gradient(110deg,#081e33,#123c55);color:#fff;border-bottom:3px solid #52d5ed}
.directory-mast-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0}
.directory-mast h1{font-size:clamp(30px,3.5vw,46px);line-height:1.1;letter-spacing:-.04em;margin:0 0 8px}
.directory-mast h1 em{color:#69d9ef;font-style:normal}
.directory-mast .eyebrow{color:#f7c45b;margin-bottom:7px;font-size:10px}
.directory-mast p{font-size:15px;color:#d1e2ed;margin:0}
.directory-mast img{width:145px;max-height:110px;object-fit:contain;flex:none}
.index-jumps{display:flex;align-items:center;gap:10px 24px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #d6e0e7}
.index-jumps a{font-size:13px;font-weight:700;color:#176080;text-decoration:none;min-height:30px;display:inline-flex;align-items:center}
.index-jumps a:hover{text-decoration:underline}
.directory{padding-top:22px;padding-bottom:28px;scroll-margin-top:12px}
.directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.directory-toolbar h2,.washwiki-index .section-title h2{font-size:25px;margin:0;letter-spacing:-.03em}
.directory-toolbar .result-line{margin:5px 0 0;font-size:12px}
.directory-toolbar .search{width:min(440px,100%);margin:0;max-width:none}
.directory-toolbar .search input{width:100%;padding:12px 15px;background:#fff;border:1px solid #b9ccd8;border-radius:7px;font-size:15px}
.directory-grid{display:grid;grid-template-columns:205px minmax(0,1fr);gap:30px}
.directory-sidebar{align-self:start;position:sticky;top:18px;padding-right:20px;border-right:1px solid #d6e0e7}
.directory-sidebar h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#526b7d;margin:0 0 10px}
.directory-sidebar .filters{display:flex;flex-direction:column;gap:4px;margin:0 0 20px;overflow:visible;padding:0;border:0}
.directory-sidebar .filters button{border:0;border-radius:5px;text-align:left;padding:10px 12px;font-size:13px;line-height:1.4;white-space:normal;min-height:42px;background:transparent;color:#26465e}
.directory-sidebar .filters button[aria-pressed=true]{background:#dff2f6;color:#064f69;font-weight:800;box-shadow:inset 3px 0 #08758b}
.directory-sidebar .filters button:hover{background:#e8f0f4}
.directory-sidebar .format-filter{display:block;font-size:12px;margin:0 0 13px;color:#526b7d}
.directory-sidebar select{display:block;width:100%;margin-top:5px;min-height:42px;padding:7px 8px;border:1px solid #c1d0da;border-radius:5px;background:white;color:#173246;font-size:13px}
.directory-help{color:#607687;font-size:12px;line-height:1.6;margin:14px 0 0}
.washwiki-index .directory-list{display:block;border-top:1px solid #c6d5df}
.washwiki-index .directory-list .story{display:block;background:transparent;border:0;border-bottom:1px solid #d5e0e7;border-radius:0;padding:15px 2px;min-height:0;box-shadow:none}
.washwiki-index .directory-list .story[hidden]{display:none}
.washwiki-index .story-label{font-size:10px;letter-spacing:.07em;margin:0 0 5px;color:#39718a;display:flex;justify-content:space-between}
.washwiki-index .directory-list .story h3{font-size:21px;line-height:1.25;margin:0 0 5px;letter-spacing:-.02em}
.washwiki-index .story h3 a{color:#103c5a;text-decoration:none}
.washwiki-index .story h3 a:hover{text-decoration:underline;color:#08788c}
.washwiki-index .directory-list .story>p{font-size:14px;line-height:1.5;margin:0;color:#546d7f}
.washwiki-index .story-bottom{margin:6px 0 0;padding:0;border:0;font-size:11px;min-height:0;color:#637b8b}
.washwiki-index .story-arrow{display:none}
.washwiki-index .section-title{display:flex;text-align:left;margin-bottom:12px;align-items:center}
.washwiki-index .section-title>a{font-size:13px;color:#176080}
.directory-extras{border-top:1px solid #c9d9e3;padding-top:25px;padding-bottom:25px;scroll-margin-top:15px}
.directory-extras .eyebrow{margin-bottom:5px}
.directory-extras>p{font-size:14px;max-width:800px}
.directory-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:14px 0}
.washwiki-index .directory-feature-list .story{background:#e9f3f6;padding:16px;border:0;border-left:3px solid #2398a8;min-height:0}
.washwiki-index .directory-feature-list h3{font-size:21px;margin:5px 0 8px}
.washwiki-index .directory-feature-list p{font-size:14px;line-height:1.5;margin:0}
.washwiki-index .oddities-link-grid{gap:16px;margin:18px 0 0}
.washwiki-index .oddity-link-group{padding:16px;background:#fff;border:1px solid #d6e0e7}
.washwiki-index .oddity-link-group h4{font-size:15px;margin:0 0 8px}
.washwiki-index .oddity-link-group h5{font-size:16px;margin:8px 0}
.washwiki-index .oddity-link-group p{font-size:12px;line-height:1.55;margin-bottom:8px}
.washwiki-index .oddity-link-group li{font-size:13px;margin:6px 0}
.directory-about{padding:16px 0;border-top:1px solid #d6e0e7;font-size:14px}
.directory-about summary{font-weight:700;cursor:pointer;min-height:44px;padding:10px 0}
.directory-about details>p{max-width:800px;margin:10px 0}
.directory-about>p{margin:12px 0}
.washwiki-index .reader-section{padding:30px 0;background:#eaf1f5}
.washwiki-index .reader-section h2{font-size:27px}
.washwiki-index .reader-grid{gap:30px}
.washwiki-index .reader-grid p{font-size:14px}
.home-directory{padding-top:22px}
.home-search{display:flex;max-width:530px;flex:1;border:1px solid #b9ccd8;border-radius:7px;overflow:hidden;background:white}
.home-search input{min-width:0;flex:1;padding:12px;border:0;font:inherit;font-size:14px}
.home-search button{border:0;padding:10px 16px;background:#103c55;color:white;font-weight:700;font-size:13px}
.subject-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.subject-directory a{display:block;border-top:3px solid #25a2b6;padding:12px 2px;text-decoration:none;color:#103c5a}
.subject-directory a:hover{background:#e7f3f6}
.subject-directory a>span{display:block;font-size:17px;line-height:1.3;font-weight:750}
.subject-directory small{display:block;color:#607687;font-size:11px;margin-top:5px}
.home-reading{padding:24px 0}
.home-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px}
.directory-notebook{border-left:1px solid #d6e0e7;padding-left:22px}
.directory-notebook .eyebrow{margin-bottom:12px}
.directory-notebook img{border-radius:5px;width:100%;aspect-ratio:16/9;object-fit:cover}
.directory-notebook h3{font-size:23px;margin:14px 0 9px}
.directory-notebook p,.directory-notebook>a{font-size:14px}
.article-contents{margin:0 0 28px;background:#eef5f8;border-left:3px solid #2494ab;padding:12px 18px;font-size:14px}
.article-contents summary{font-weight:750;cursor:pointer;padding:6px 0}
.article-contents ol{margin:10px 0 4px;padding-left:0;list-style:none;columns:2;column-gap:28px}
.article-contents li{break-inside:avoid;margin:0 0 8px;line-height:1.5}
.article-body section{scroll-margin-top:20px}
.article-heading{padding:28px 0 24px!important}
.article-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.12;margin-bottom:15px}
.article-mast{margin-bottom:12px!important}
.article-mast img{width:92px!important}
.article-summary{font-size:18px!important;line-height:1.6}
.article-body{padding-top:25px!important;font-size:17px;line-height:1.75}
.article-body h2{font-size:27px}
@media(max-width:800px){
 .washwiki-index .wrap{width:calc(100% - 32px)}
 .directory-mast-inner{padding:20px 0;gap:12px}
 .directory-mast img{width:90px}
 .directory-mast h1{font-size:30px}
 .directory-mast p{font-size:13px}
 .directory-toolbar{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}
 .directory-toolbar .search{width:100%}
 .directory-grid{display:block}
 .directory-sidebar{position:static;border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
 .directory-sidebar h3{display:none}
 .directory-sidebar .filters{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;margin-bottom:12px;gap:4px}
 .directory-sidebar .filters button{padding:7px 10px;min-height:40px;font-size:12px;background:#eaf0f4}
 .directory-sidebar .directory-help{display:none}
 .directory-sidebar .format-filter{font-size:11px}
 .directory-list .story h3{font-size:19px!important}
 .index-jumps{gap:4px 18px;padding:10px 0}
 .index-jumps a{font-size:12px;min-height:30px}
 .subject-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
 .subject-directory a>span{font-size:15px}
 .home-reading-grid{grid-template-columns:1fr;gap:24px}
 .directory-notebook{border:0;border-top:1px solid #d6e0e7;padding:18px 0 0;max-width:420px}
 .directory-feature-list{grid-template-columns:1fr}
 .washwiki-index .section-title{gap:12px;flex-wrap:wrap}
 .washwiki-index .oddities-link-grid{grid-template-columns:1fr}
 .article-contents ol{columns:1}
 .article-body h2{font-size:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Personal stories stay compact beside the reference library. */
.home-companions{padding:24px 0;border-top:1px solid #d8e1e8}.home-companions>a{display:flex;gap:22px;align-items:center;color:#173246;text-decoration:none}.home-companions img{width:95px;height:80px;object-fit:contain;flex:none}.home-companions strong{display:block;font-size:22px;line-height:1.3;margin-bottom:6px}.home-companions span span{font-size:14px;line-height:1.6;color:#506d81}.home-companions a:hover strong{text-decoration:underline}@media(max-width:600px){.home-companions img{width:72px;height:72px}.home-companions>a{gap:15px}.home-companions strong{font-size:19px}.home-companions span span{font-size:13px}}

/* Practical entry points within the existing WashWiki directory. */
.homeowner-start{padding:24px 0 30px;border-bottom:1px solid #d6e0e7}.homeowner-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.homeowner-start-grid>a{display:block;padding:20px;border:1px solid #c6d5df;border-radius:8px;background:#fff;color:#173246;text-decoration:none}.homeowner-start-grid h3,.homeowner-proof h3{font-size:22px;line-height:1.3;margin:8px 0}.homeowner-start-grid p,.homeowner-proof p{font-size:14px;line-height:1.6;color:#526b7d}.homeowner-start-grid strong{font-size:13px;color:#09617c}.homeowner-start-grid>a:hover{border-color:#097a96}.homeowner-start a:focus-visible{outline:3px solid #09617c;outline-offset:4px}.homeowner-proof{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;margin-top:22px}.homeowner-proof img{width:150px;height:150px;object-fit:contain;border-radius:7px}.homeowner-proof nav{display:flex;flex-wrap:wrap;gap:0 16px}.homeowner-proof a{color:#09617c;font-weight:700}.homeowner-proof nav a{display:inline-flex;min-height:44px;align-items:center;font-size:14px}.wiki-mobile-contact{display:none}@media(max-width:700px){.homeowner-start-grid{grid-template-columns:1fr}.homeowner-start .section-title{align-items:flex-start;gap:12px;flex-direction:column}.homeowner-proof{grid-template-columns:100px minmax(0,1fr);gap:15px}.homeowner-proof img{width:100px;height:100px}.homeowner-proof h3{font-size:20px}body:has(.wiki-mobile-contact){padding-bottom:84px}.wiki-mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid #b9ccd8;background:#f7f9fb}.wiki-mobile-contact a{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d334d;color:#fff;border-radius:7px;font-size:14px;font-weight:700;text-decoration:none}.wiki-mobile-contact a:last-child{background:#f7c45b;color:#173246}.wiki-mobile-contact small{font-size:11px;font-weight:500}}