@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--cream:#faf8f2;--ink:#183d32;--orange:#c35129;--muted:#637169;--line:#dce0d5;--pale:#eef0e5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #df9c40;outline-offset:4px}.preview-bar{background:var(--ink);color:#f4f3e9;text-align:center;padding:9px 15px;font-size:11px;letter-spacing:.9px}.preview-bar span{padding:0 14px;color:#e6b064}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 40px;gap:28px}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:30px;letter-spacing:-1.7px;display:inline-flex;align-items:center}.brand-dot{color:var(--orange)}.brand-mark{position:relative;width:36px;height:38px;border:1.5px solid var(--ink);border-radius:18px 18px 5px 5px;font-size:31px;text-align:center;margin-right:10px;line-height:34px}.brand-mark span{position:absolute;font-size:17px;right:-6px;top:-8px;color:var(--orange);background:var(--cream);line-height:20px}nav{display:flex;gap:32px;font-size:13px;font-weight:600}nav a:hover,footer a:hover{color:var(--orange)}.button{background:var(--ink);color:white;padding:15px 22px;border-radius:6px;border:1px solid var(--ink);display:inline-flex;gap:24px;align-items:center;justify-content:center;font-size:13px;font-weight:600}.button:hover{background:#285343}.button.small{padding:11px 16px}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.outline:hover{border-color:var(--ink)}.wrap{max-width:1200px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;padding:42px 0 54px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--orange);border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:64px;line-height:1.09;letter-spacing:-3.8px;font-weight:600;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange);letter-spacing:-2px}p{line-height:1.75;color:var(--muted)}.hero-copy>p{max-width:420px;font-size:16px}.search{margin-top:29px;display:flex;border:1px solid var(--line);background:white;border-radius:8px;padding:7px;box-shadow:0 7px 25px #183d3205;gap:8px}.search input{flex:1;min-width:0;border:0;padding:12px;background:transparent;outline-offset:0}.search button{padding:12px 20px}.quick{display:flex;gap:12px;font-size:11px;align-items:center;flex-wrap:wrap;margin-top:14px;color:var(--muted)}.quick a{text-decoration:underline;text-underline-offset:3px}.hero-visual{position:relative;padding:0 15px 22px 0}.hero-visual img{width:100%;height:430px;object-fit:cover;border-radius:150px 150px 10px 10px;display:block}.hero-visual:before{content:'';position:absolute;inset:14px 0 9px 14px;border:1px solid #b9c5ad;border-radius:150px 150px 10px 10px;z-index:-1}.photo-note{position:absolute;bottom:44px;left:-22px;background:#fffdf6;padding:20px 25px;box-shadow:0 8px 40px #0002;transform:rotate(-3deg);border-radius:4px;font-family:Georgia,serif;font-size:21px}.photo-note small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:1px;text-transform:uppercase;margin-bottom:7px;color:var(--orange)}.roundel{position:absolute;right:-12px;top:23px;border-radius:50%;height:93px;width:93px;background:#f2c767;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.7;transform:rotate(12deg);border:5px solid var(--cream)}.roundel b{font-size:25px;line-height:1.1}.section{padding:45px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-head h2,h2{font-size:29px;font-weight:600;letter-spacing:-1.1px;margin:9px 0}.section-head p{margin:7px 0 0;font-size:13px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #a9b3a7;padding-bottom:5px;white-space:nowrap}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category{padding:23px 22px;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:8px;background:#fffdf8;transition:transform .2s,border-color .2s}.category:hover{transform:translateY(-3px);border-color:#819986}.category-icon{font-size:25px;width:42px;height:42px;display:grid;place-content:center;color:var(--orange);background:#f9ecdf;border-radius:50%}.category h3{font-size:13px;margin:0 0 5px;letter-spacing:-.2px}.category p{font-size:11px;margin:0}.category .arrow{margin-left:auto;color:#829080}.band{border-top:1px solid var(--line);margin-top:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.card{background:#fffefa;border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card-top{height:137px;position:relative;background:#e7ebdf;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-top:before,.card-top:after{pointer-events:none;content:'';position:absolute;width:160px;height:160px;border:1px solid #183d3220;border-radius:50%}.card-top:before{left:-30px;bottom:-90px}.card-top:after{right:-25px;top:-95px}.card-top.food{background:#f4e5d5}.card-top.grocery{background:#e5ebd5}.card-top.celebration{background:#eadfd8}.card-monogram{font-family:Georgia,serif;font-size:42px;font-style:italic;color:#866744}.card-top small{position:absolute;bottom:10px;right:12px;font-size:9px;letter-spacing:1px;color:#6a7363}.save{z-index:2;position:absolute;top:12px;right:12px;border:0;border-radius:50%;width:31px;height:31px;background:#fffdf9;color:var(--ink);font-size:17px}.save.active{color:var(--orange)}.card-body{padding:21px}.meta{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--orange);font-weight:700}.card h3{font-size:19px;margin:10px 0 9px;letter-spacing:-.5px}.card p{font-size:12px;min-height:42px;margin:0 0 18px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7e8de;padding-top:14px;font-size:11px;color:var(--muted)}.card-bottom button{background:none;border:0;color:var(--ink);font-weight:700;font-size:11px;padding:5px}.intro-band{background:var(--ink);color:#fffbed;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;padding:43px 48px;border-radius:10px;margin:20px 0 50px;position:relative;overflow:hidden}.intro-band h2{font-size:34px;max-width:400px}.intro-band p{color:#c1cfc3;font-size:13px;max-width:390px}.intro-band .eyebrow{color:#e9bc70}.intro-band .button{background:#f5ead6;color:var(--ink);margin-top:8px}.guide-steps{display:flex;flex-direction:column;justify-content:center;gap:0}.guide-step{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid #ffffff25;font-size:13px}.guide-step span{font-family:Georgia;font-size:24px;color:#edc889}.page-title{padding:40px 0 20px}.page-title h1{font-size:45px;margin:20px 0 12px}.page-title p{max-width:650px}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0 25px}.filters input{flex:1;min-width:170px}.filters input,.filters select{padding:13px 15px;border:1px solid var(--line);border-radius:5px;background:#fffefa;color:var(--ink)}.filters label{font-size:12px;display:flex;gap:7px;align-items:center}.result-count{font-size:12px;color:var(--muted);margin-bottom:19px}.empty{padding:40px;border:1px dashed #a9b4a7;border-radius:8px;text-align:center;grid-column:1/-1}.empty h3{font-size:20px}.empty p{font-size:13px}.notice{padding:14px 18px;background:#f2ebdd;border-radius:6px;font-size:12px;line-height:1.7;margin:20px 0}.resource-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource{padding:26px;background:#fffdf7;border:1px solid var(--line);border-radius:8px}.resource h3{font-size:19px}.resource p{font-size:13px}.resource a{font-size:12px;font-weight:700}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide-block{padding:30px;border:1px solid var(--line);border-radius:8px;background:#fffdf7}.guide-block .number{font:30px Georgia;color:var(--orange)}.guide-block p{font-size:14px}.guide-block h2{font-size:24px}.form-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding:25px 0 55px}.form-panel{background:#fffdf8;border:1px solid var(--line);border-radius:9px;padding:30px}.form-panel label{display:block;font-size:12px;font-weight:600;margin-bottom:17px}.form-panel input,.form-panel select,.form-panel textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink)}.form-panel textarea{height:105px;resize:vertical}.form-panel .check{display:flex;align-items:start;gap:9px;font-weight:400;line-height:1.6}.check input{width:auto;margin-top:3px}.form-panel small{display:block;line-height:1.7;color:var(--muted);margin-bottom:18px}footer{background:#eef0e6;padding:42px max(30px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;margin-top:35px}footer p,footer a:not(.brand){font-size:12px}footer>div>a:not(.brand){display:block;margin:10px 0}footer small{grid-column:1/-1;border-top:1px solid #d7dccc;padding-top:22px;font-size:10px;color:var(--muted)}footer small span{float:right}dialog{border:0;border-radius:12px;max-width:600px;width:calc(100% - 30px);padding:40px;color:var(--ink);background:var(--cream);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#10261dcc;backdrop-filter:blur(4px)}dialog h2{font-size:31px;margin-top:15px}dialog p{font-size:14px}.close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:26px;color:var(--ink)}.detail-row{border-top:1px solid var(--line);padding:13px 0;font-size:13px}.detail-row strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.detail-note{font-size:11px!important}.detail-actions a{font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--ink);color:white;border-radius:6px;font-size:12px;display:none;z-index:10}.page-space{padding-bottom:30px}.art-caption{font-size:9px;text-align:right;color:var(--muted);margin-top:7px}.saved-note{font-size:11px;color:var(--muted)}@media(min-width:1500px){.wrap{max-width:1240px}.hero{gap:90px}}@media(max-width:1280px){.wrap{margin:0 40px}.hero{gap:45px}h1{font-size:57px}.hero-visual img{height:400px}}@media(max-width:900px){header{padding:24px}.wrap{margin:0 24px}.hero{gap:25px}h1{font-size:45px}.hero-visual img{height:360px}.categories{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.resource-list{grid-template-columns:1fr}.intro-band{gap:25px;padding:30px}.photo-note{left:-5px;padding:15px;font-size:18px}nav{gap:18px}}@media(max-width:620px){header{flex-wrap:wrap;gap:20px;padding:20px}.brand{font-size:27px}nav{order:3;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.wrap{margin:0 20px}.hero{grid-template-columns:1fr;padding-top:20px;gap:30px}h1{font-size:52px;letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-visual{padding:0 10px 15px 10px}.hero-visual img{height:290px;border-radius:120px 120px 9px 9px}.photo-note{left:0;bottom:25px}.roundel{right:0;top:5px;width:80px;height:80px}.section{padding:28px 0}.section-head h2{font-size:25px}.section-head{align-items:start}.section-head .text-link{font-size:10px;margin-top:16px}.category{padding:17px 12px;gap:8px}.category-icon{width:31px;height:31px;font-size:19px}.category h3{font-size:11px}.category p{font-size:9px}.category .arrow{display:none}.categories{gap:10px}.cards{grid-template-columns:1fr}.card-top{height:145px}.intro-band{grid-template-columns:1fr;margin-bottom:25px}.intro-band h2{font-size:30px}.guide-grid,.form-layout{grid-template-columns:1fr}.form-layout{gap:10px}.page-title h1{font-size:38px;letter-spacing:-2px}.filters input{width:100%;flex-basis:100%}.filters select{flex:1;min-width:0}.form-panel{padding:22px}.guide-block{padding:24px}footer{grid-template-columns:1fr 1fr;padding:30px 20px;gap:20px}footer>div:first-child{grid-column:1/-1}footer small span{float:none;display:block;margin-top:10px}dialog{padding:30px 22px}.preview-bar{font-size:9px}}

/* Compact reference layout: mobile first. Footer remains as before. */
body{background:#fcfcfc;color:#171717}
.app-shell{width:calc(100% - 24px);max-width:768px;margin:16px auto 0;border:1px solid #e0e0e0;border-radius:21px;padding:12px;background:#fcfcfc}
.compact-header{padding:4px 0 0;margin:0;max-width:none;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between}
.compact-brand{display:flex;align-items:center;gap:8px;min-height:44px}
.compact-brand strong{display:block;font:600 18px/1.35 'DM Sans',sans-serif;letter-spacing:0}
.compact-brand small{display:block;color:#646464;font:400 13px/1.6 'DM Sans',sans-serif;margin-top:2px}
.location-logo{width:34px;height:34px;display:grid;place-items:center;background:#176e57;color:white;border-radius:12px;flex-shrink:0}
.location-logo svg{width:20px;height:20px}
.hub-badge{font-size:11px;font-weight:600;background:#efefef;border-radius:14px;padding:4px 9px;white-space:nowrap}
.compact-intro{padding:24px 4px 0}
.compact-intro h1{font:600 18px/1.45 'DM Sans',sans-serif;letter-spacing:0;margin:0 0 10px}
.compact-intro>p{font-size:14px;line-height:1.6;margin:0 0 4px;color:#171717}
.compact-search{display:flex;align-items:center;gap:6px;min-height:44px}
.compact-search button{width:24px;height:44px;display:grid;place-items:center;border:0;padding:0;background:transparent;color:#646464;flex-shrink:0}
.compact-search svg{width:17px;height:17px}
.compact-search input{border:0;background:transparent;color:#171717;min-width:0;flex:1;width:100%;padding:10px 0;font-size:13px;outline-offset:1px}
.compact-search input::placeholder{color:#666;opacity:1}
.city-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.city-chips a{font-size:11px;font-weight:600;padding:5px 9px;background:#eee;border-radius:14px;min-height:30px;display:flex;align-items:center}
.city-chips a:hover,.hub-badge:hover{background:#e1e8e3}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;padding:0;border:0;margin:8px 0 16px}
.quick-tile{border:1px solid #dedede;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:61px;padding:8px 4px;color:#171717;background:#fcfcfc;font-size:11px;font-weight:500}
.quick-tile svg{width:18px;height:18px;color:#626262}
.quick-tile:hover{background:#f1f5f2;border-color:#afc5b8;color:#171717}
.featured-categories h2{font:500 15px/1.4 'DM Sans',sans-serif;letter-spacing:0;margin:0 0 10px}
.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.feature-card{min-width:0}
.reference-photo{width:100%;aspect-ratio:367/220;background-image:url('assets/reference.png');background-repeat:no-repeat;background-size:283.3787% 334.0909%;border-radius:14px}
.food-photo{background-position:17.5334% 82.7184%}
.event-photo{background-position:73.2541% 82.7184%}
.feature-card h3{font:500 13px/1.4 'DM Sans',sans-serif;letter-spacing:0;margin:10px 0 4px}
.feature-card p{color:#666;font-size:12px;line-height:1.45;margin:0}
.app-shell .wrap{margin:0;padding:0 4px;max-width:none}
.app-shell .page-title{padding:26px 0 10px}
.app-shell .page-title h1{font-size:26px;letter-spacing:-.6px;margin:12px 0}
.app-shell .page-title p{font-size:13px;line-height:1.65}
.app-shell .eyebrow{font-size:9px;letter-spacing:1px;color:#666}
.app-shell .eyebrow:before{display:none}
.app-shell .cards{grid-template-columns:1fr;gap:12px}
.app-shell .card{background:#fff;border-color:#ddd}
.app-shell .card-top{height:90px}
.app-shell .card-body{padding:16px}
.app-shell .card h3{font-size:17px}
.app-shell .filters{gap:8px}
.app-shell .filters input{font-size:13px}
.app-shell .filters select{font-size:12px;padding:12px 8px}
.app-shell .section{padding:20px 0}
.app-shell h2{font-size:21px;letter-spacing:-.4px}
.app-shell .resource-list{grid-template-columns:1fr;gap:12px}
.app-shell .guide-grid,.app-shell .form-layout{grid-template-columns:1fr;gap:12px}
.app-shell .guide-block,.app-shell .resource{padding:20px;background:#fff;border-color:#ddd}
.app-shell .guide-block .number{font-size:24px}
.app-shell .form-panel{padding:18px;background:#fff}
.app-shell .form-layout{padding-bottom:15px}
.app-shell .notice{background:#f2f3ee}
.app-shell .empty{padding:25px 15px}
.app-shell .section-head{align-items:start}
.app-shell .section-head .text-link{font-size:11px}
.app-shell .button{background:#176e57;border-color:#176e57}
.app-shell .button.outline{background:transparent;color:#176e57}
footer{color:var(--ink)}
@media(min-width:600px){.app-shell{margin-top:27px;padding:12px}.compact-header{padding-top:3px}.compact-intro{padding:25px 12px 0}.compact-intro>p{font-size:15px;margin-bottom:0}.compact-search{min-height:36px}.compact-search button{height:36px}.city-chips{margin:0 0 22px}.city-chips a{min-height:20px;padding:2px 7px}.quick-grid{margin:0 0 16px}.quick-tile{min-height:56px;font-size:12px}.featured-grid{gap:8px}.feature-card h3{font-size:14px;margin-top:12px}.feature-card p{font-size:14px}.app-shell .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-badge{font-size:12px;padding:2px 8px}}
@media(max-width:360px){.compact-brand strong{font-size:16px}.compact-brand small{font-size:11px}.hub-badge{font-size:10px;padding:4px 7px}.compact-intro h1{font-size:17px}.feature-card h3{font-size:12px}}
.app-shell .featured-categories h2{font:500 15px/1.4 "DM Sans",sans-serif;letter-spacing:0;margin:0 0 10px}

.quick-tile:last-child:nth-child(3n + 1){grid-column:2}.roommate-panel{margin:16px 0 28px;padding:24px;border:1px solid #dedede;border-radius:12px;background:#fff}.roommate-panel h2{margin:14px 0 8px}.roommate-panel p{font-size:13px;max-width:500px}.roommate-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e9f3ed;color:#176e57;font-size:25px}.roommate-pending{display:inline-block;margin-top:8px!important;padding:11px 14px;background:#f2f3ee;border-radius:8px;color:#58635b;font-weight:600}

.ride-page{max-width:600px!important;margin:0 auto!important}.ride-form{margin-top:16px}.ride-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ride-form .optional{color:#777;font-weight:400}.ride-form textarea{height:80px}.ride-form .ride-help{font-size:12px;margin:0 0 16px}.ride-submit{width:100%}#ride-status{font-size:12px;margin:12px 0 0;color:#58635b}.ride-after{margin:18px 0 25px;padding:22px;border:1px solid #dedede;border-radius:10px;background:#fff}.ride-after[hidden]{display:none}.ride-after p{font-size:12px}.ride-summary{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;font-size:13px;overflow-wrap:anywhere}.ride-summary strong{color:#52665d;font-size:12px}.ride-summary span{color:#171717}@media(max-width:340px){.ride-row{grid-template-columns:1fr}}

/* Community bulletin: short, simple sections matching the compact home. */
.featured-grid{row-gap:18px}.feature-illustration{aspect-ratio:367/220;border-radius:14px;display:grid;place-items:center;overflow:hidden;position:relative}.feature-illustration:before,.feature-illustration:after{content:"";position:absolute;border:1px solid #ffffff65;border-radius:50%}.feature-illustration:before{width:60%;aspect-ratio:1;left:-12%;top:-30%}.feature-illustration:after{width:55%;aspect-ratio:1;right:-12%;bottom:-35%}.feature-illustration span{font:60px/1 Georgia,serif;color:white;position:relative;z-index:1}.roommates-art{background:#426c5f}.celebration-art{background:#bd7957}.celebration-art span{font-size:72px;color:#fff5df}.bulletin-section{border-top:1px solid #e5e5e5;padding:20px 0 0;margin-top:22px}.bulletin-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0 0 12px}.app-shell .bulletin-section h2{font:600 15px/1.4 'DM Sans',sans-serif;letter-spacing:0;margin:0}.bulletin-heading a,.bulletin-empty a,.spotlight-card button,.sponsor-box a,.share-section>a{font-size:12px;font-weight:600;color:#176e57}.bulletin-heading a{white-space:nowrap}.bulletin-empty{border:1px solid #e3e3e3;background:#fff;border-radius:12px;display:flex;gap:14px;padding:16px}.bulletin-symbol{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;background:#eef3ef;border-radius:10px;color:#176e57;font-size:21px}.bulletin-empty strong,.sponsor-box strong{font-size:13px;color:#202020}.bulletin-empty p,.spotlight-card p,.sponsor-box p,.share-section p{font-size:12px;line-height:1.55;margin:5px 0 8px;color:#666}.spotlight-card{display:flex;align-items:center;gap:16px;border:1px solid #e3e3e3;background:#fff;border-radius:12px;padding:14px}.spotlight-icon{width:92px;height:92px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:#f3e9dc;color:#8c5a3e;font:italic 29px Georgia,serif}.spotlight-label,.sponsor-label{font-size:9px;letter-spacing:.8px;font-weight:700;color:#6d796e}.spotlight-card h3{font:600 15px/1.4 'DM Sans',sans-serif;margin:5px 0 0}.spotlight-card button{background:none;border:0;padding:0;text-align:left}.sponsor-box{border:1px dashed #bbc9be;background:#f5f8f4;border-radius:12px;padding:16px}.sponsor-label{display:block;margin-bottom:8px}.sponsor-box strong{display:block}.share-section{padding-bottom:12px}.share-section p{margin-bottom:8px}.share-section small{display:block;font-size:10px;color:#777;margin-top:10px;line-height:1.5}@media(max-width:360px){.spotlight-icon{width:70px;height:76px}.bulletin-heading h2{max-width:70%}}

.jobs-page{max-width:600px!important;margin:0 auto!important}.jobs-opening,.job-preview{padding:22px;border:1px solid #dedede;border-radius:12px;background:#fff;margin:16px 0 28px}.jobs-opening h2,.job-preview h2{margin:0 0 9px}.jobs-opening p,.job-preview p{font-size:13px}.jobs-opening .button{margin-top:4px}.job-back{color:#176e57;font-size:12px;font-weight:600}.job-form{margin-top:16px}.job-form .optional{color:#777;font-weight:400}.job-hint{font-size:12px;margin:-8px 0 17px}.job-submit{width:100%}#job-status{font-size:12px;margin:12px 0 0;color:#58635b}.job-preview[hidden]{display:none}

.jobs-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.jobs-heading .page-title{min-width:0}.jobs-heading .jobs-post{flex-shrink:0;margin-top:26px;white-space:nowrap;padding:11px 14px;font-size:12px}.jobs-list{padding:8px 0 24px}.jobs-list-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.app-shell .jobs-list h2{margin:0;font-size:17px}.jobs-list-header span{font-size:11px;color:#666}.jobs-demo-intro{font-size:12px!important;margin:8px 0 14px!important}.job-card{padding:18px;border:1px solid #dedede;border-radius:12px;background:#fff;margin-bottom:12px}.job-card-title{display:flex;align-items:start;justify-content:space-between;gap:10px}.job-card h3{font:600 15px/1.4 "DM Sans",sans-serif;margin:0;color:#202020}.job-card p{font-size:12px;line-height:1.55;margin:6px 0 0;color:#666}.demo-label{color:#176e57;background:#edf4ee;border-radius:10px;padding:4px 8px;font-size:9px;font-weight:700;letter-spacing:.6px}.job-details{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:11px}.job-details span,.job-details strong{padding:5px 8px;border-radius:5px;background:#f2f3ef;color:#4b5a51;font-weight:500}.job-details strong{font-weight:700;color:#176e57}@media(max-width:360px){.jobs-heading .jobs-post{padding:10px 9px;font-size:11px}.jobs-heading .page-title h1{font-size:23px}}

/* User-supplied background softened behind all page content. */
body{background-color:#fcfcfc;background-image:linear-gradient(rgba(252,252,252,.74),rgba(252,252,252,.74)),url("assets/community-background.png");background-size:auto,960px auto;background-repeat:repeat;background-position:center top;background-attachment:fixed}
.app-shell{background:rgba(252,252,252,.55)}
footer{background:rgba(238,240,230,.88)}
