.house-stories-hero{background:#3f352d}.stories-intro{border-top:4px solid #805d42}.stories-intro>p{max-width:900px;color:#56645d}.story-key{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;color:#5f6c65;font-size:.78rem}.story-key i{display:inline-block;width:11px;height:11px;margin-right:5px;border-radius:50%;vertical-align:-1px}.story-key .year-1869{background:#9a6945}.story-key .year-1921{background:#315f50}.story-key .future{border:2px dashed #8c9992}.story-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px;gap:12px;margin:12px 0 16px}.story-toolbar label{font-size:.8rem;font-weight:800;color:#526159}.story-toolbar input,.story-toolbar select{display:block;width:100%;min-height:42px;margin-top:4px;padding:9px 10px;border:1px solid #cbd5cf;background:#fff}.house-stories{display:grid;gap:9px}.house-story{border:1px solid #d6dfd9;background:#fff}.house-story>summary{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:68px;padding:9px 13px;cursor:pointer;list-style:none}.house-story>summary::-webkit-details-marker{display:none}.house-story>summary::after{content:'+';color:#7a857f;font-size:1.2rem}.house-story[open]>summary::after{content:'−'}.story-number{display:grid;place-items:center;width:46px;height:46px;border-radius:4px;background:#315f50;color:#fff;font-size:1rem;font-weight:850}.story-heading{display:flex;flex-direction:column;min-width:0}.story-heading strong{color:#29483b}.story-heading small{color:#68756e}.story-years{display:flex;gap:5px;grid-column:3;grid-row:2}.story-years span{padding:2px 6px;border-radius:3px;font-size:.65rem;font-weight:850}.story-years .has-1869{background:#f0e2d7;color:#69472f}.story-years .has-1921{background:#dcebe4;color:#244e3e}.house-story[open]>summary{border-bottom:1px solid #dce4df;background:#f4f7f5}.story-content{padding:14px}.story-timeline{position:relative;display:grid;gap:11px;padding-left:25px}.story-timeline::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#d8dfda}.story-event{position:relative;padding:12px 13px;border:1px solid #dde4df;background:#fafbfa}.story-event::before{content:'';position:absolute;left:-24px;top:16px;width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:#8c9891;box-shadow:0 0 0 1px #c8d2cc}.story-event.event-1869::before{background:#9a6945}.story-event.event-1921::before{background:#315f50}.story-event h3{margin:0 0 8px;font-size:.92rem;color:#304b3f}.story-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.story-facts div{padding:7px 8px;background:#fff}.story-facts dt{color:#707c75;font-size:.62rem;font-weight:800;text-transform:uppercase}.story-facts dd{margin:2px 0 0;color:#304b3f;font-size:.8rem;font-weight:750}.story-owner{margin:8px 0 0;color:#526159;font-size:.8rem}.story-people{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0;padding:0;list-style:none}.story-people li{padding:4px 7px;border:1px solid #dce4df;background:#fff;font-size:.74rem}.story-future{border-style:dashed;color:#6d7872;font-size:.78rem}.story-source-note{margin:10px 0 0;color:#758079;font-size:.7rem}
@media(max-width:760px){.story-toolbar{grid-template-columns:1fr}.story-facts{grid-template-columns:1fr 1fr}.house-story>summary{grid-template-columns:46px minmax(0,1fr) auto}.story-years{grid-column:2;justify-self:start}.story-number{width:42px;height:42px}}
@media(max-width:430px){.story-content{padding:11px}.story-timeline{padding-left:20px}.story-timeline::before{left:5px}.story-event::before{left:-21px}.story-facts{grid-template-columns:1fr 1fr}.story-years{flex-wrap:wrap}}
.story-number{grid-row:1/3}
.story-occupations{margin-top:9px;padding:9px 10px;border:1px solid #e4e1dc;background:#fff}.story-occupations>strong{color:#594637;font-size:.75rem}.story-occupations ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;margin:6px 0 0;padding:0;list-style:none}.story-occupations li{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid #ece8e2;color:#5d665f;font-size:.72rem}.story-occupations b{color:#76533a;font-variant-numeric:tabular-nums}
@media(max-width:520px){.story-occupations ul{grid-template-columns:1fr}}