.del-page-community{background:#f3f4f6}
.del-page-community .page-main{padding-top:0}
.del-page-community .page-heading{position:relative;isolation:isolate;padding:42px 0 36px;margin:0;background:transparent;box-shadow:none}
.del-page-community .page-heading::before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2);z-index:-1;background:radial-gradient(ellipse at 82% 110%,#d8ece4b3,transparent 40%),linear-gradient(110deg,#e9e4f3,#eeedf5)}
.del-page-community .page-heading::after{content:'···';display:grid;place-items:center;position:absolute;right:10%;top:35px;width:100px;height:66px;transform:rotate(-8deg);background:#ffffffaa;border-radius:28px 28px 4px 28px;color:#a995c5;font:var(--section-title);letter-spacing:var(--caption-spacing);z-index:-1}
.del-community-intro{font:var(--body);letter-spacing:var(--body-spacing);color:#5c6070}
.del-page-community .page-title{margin-bottom:10px}
.del-page-community .del-section-nav{margin:0 0 24px;padding:16px 0;border-bottom:1px solid #dde0e8}
.del-page-community .del-section-nav a{min-height:44px;display:inline-flex;align-items:center}
.del-page-community .del-section-nav [aria-current]{color:#6b4b8f;border-bottom:2px solid #8061a2}
.del-community-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(260px,1fr);gap:24px;align-items:start}
.del-feed{min-width:0}
.del-community-search{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.del-community-search .del-search-field{flex:1 1 230px;min-width:0}
.del-community-search input,.del-community-search select{width:100%;min-height:46px;border:1px solid #d7dce4;border-radius:5px;background:#fff;padding:10px 12px;font:var(--label);letter-spacing:var(--label-spacing)}
.del-community-search .button{min-height:46px;padding:10px 14px}
.del-feed-options{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:15px 0;font:var(--caption);letter-spacing:var(--caption-spacing);color:#5e6873}
.del-feed-options label{cursor:pointer;display:flex;align-items:center;gap:8px;min-height:32px}
.del-feed-options input{width:18px;height:18px;accent-color:#745295}
.del-story-list{display:grid;gap:14px}
.del-story{display:flex;gap:18px;padding:18px;background:#ffffffeb;border:1px solid #e0e4ec;border-radius:10px}
.del-story-image{width:128px;flex-shrink:0;align-self:stretch;min-height:150px;border-radius:6px;overflow:hidden;background:#e4ece7}
.del-story-image img{width:100%;height:100%;object-fit:cover}
.del-story-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#e4ece7,#eae6f2);color:#718f87}
.del-story-placeholder span{font:var(--display);letter-spacing:var(--display-spacing)}
.del-story-main{min-width:0;flex:1}
.del-topic{display:inline-block;padding:3px 9px;margin-bottom:8px;border-radius:20px;background:#e7f0ed;color:#3f706a;font:var(--caption);letter-spacing:var(--caption-spacing)}
.del-story h2{font:var(--subheading);letter-spacing:var(--title-spacing);margin:0 0 9px;color:#30495d}
.del-story h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.del-story-excerpt{font:var(--body-small);letter-spacing:var(--body-spacing);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#5a6977}
.del-story-meta{font:var(--caption);letter-spacing:var(--caption-spacing);margin:12px 0 6px;color:#697484}
.del-reactions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}
.del-reactions button,.del-reactions a{min-height:44px;display:inline-flex;align-items:center;gap:4px;padding:7px 9px;border:1px solid #dce2e9;border-radius:5px;color:#536578;background:#fff;font:var(--caption);letter-spacing:var(--caption-spacing)}
.del-reactions [aria-pressed=true]{background:#eee7f8;border-color:#9173b0;color:#614084}
.del-reactions [data-react=like] span{color:#bd4e68}.del-reactions [data-react=recommend] span{color:#476ebb}.del-reactions [data-react=empathy] span{color:#258778}
.del-more{display:flex;margin:24px auto 0;background:#eae6f0}
.del-research{padding:26px 22px;background:linear-gradient(160deg,#ebe7f6,#e5f1ee);border:1px solid #e2e2ed;border-radius:12px}
.del-research h2{font:var(--subheading);letter-spacing:var(--title-spacing);color:#344c62;margin-bottom:12px}
.del-research>p{font:var(--body-small);letter-spacing:var(--body-spacing)}
.del-research-path{list-style:none;padding:0 0 0 18px;margin:26px 0;border-left:2px dashed #9bc1b9;display:grid;gap:20px}
.del-research-path li{position:relative}
.del-journey-index{position:absolute;left:-31px;top:18px;background:#559f92;border:3px solid #f1f8f5;color:white;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font:var(--caption);letter-spacing:var(--caption-spacing)}
.del-research-path article{background:#ffffffd9;border:1px solid #e1e8eb;border-radius:10px;padding:20px}
.del-research-path h3{font:var(--label);letter-spacing:var(--label-spacing);margin-bottom:10px;color:#344c62}
.del-research-path p{font:var(--body-small);letter-spacing:var(--body-spacing);margin-bottom:10px}
.del-research .button{width:100%;gap:8px;padding-inline:12px}
.del-research .del-research-note{border-top:1px solid #ccdcd9;margin-top:24px;padding:22px 0 0;color:#416f68}
@media(max-width:1100px){.del-community-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.del-story-image{width:88px}.del-story{padding:14px;gap:12px}.del-research{padding:22px 16px}.del-research-path article{padding:16px}}
@media(max-width:900px){.del-community-layout{grid-template-columns:1fr}.del-research-path{grid-template-columns:repeat(3,minmax(0,1fr));border-left:0;border-top:2px dashed #9bc1b9;padding:18px 0 0;gap:14px}.del-journey-index{left:14px;top:-32px}.del-research .button{width:auto}.del-research-path article{height:100%}.del-story-image{width:128px}}
@media(max-width:700px){.del-page-community .page-heading::before{left:-20px;right:-20px}.del-page-community .page-heading::after{right:0;width:75px}.del-community-search .del-search-field{flex-basis:100%}.del-community-search label:not(.del-search-field){flex:1;min-width:0}.del-community-search .button{padding-inline:12px}.del-story{flex-wrap:wrap}.del-story-image{width:100%;height:155px;min-height:0}.del-story-placeholder{display:none}.del-story-main{flex-basis:100%}.del-research-path{grid-template-columns:1fr;border-top:0;border-left:2px dashed #9bc1b9;padding:0 0 0 18px}.del-journey-index{left:-31px;top:18px}.del-story h2{overflow-wrap:anywhere}}