:root{--navy:#1B2A4A;--gold:#D4A537;--paper:#F6F1E4;--money:#2E6B3F;--money-t:#E4F0E6;--jobs:#A84E14;--jobs-t:#FBEADB;--daily:#1D6B70;--daily-t:#DDEFEE;--calm:#6A3A6D;--calm-t:#F0E5F0}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--navy);background:#fff}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px}a{color:var(--navy)}
header{background:var(--navy);border-bottom:4px solid var(--gold)}header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px 18px}
.brand{color:var(--gold);font-weight:800;letter-spacing:.08em;text-decoration:none}nav a{color:#fff;text-decoration:none;margin-left:16px}nav a.on{color:var(--gold)}
main{padding:24px 18px 48px}h1{font-size:2rem;line-height:1.2}.hero{background:var(--paper);padding:24px;border-radius:8px;margin-bottom:24px}
.btn{display:inline-block;background:var(--navy);color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;margin:6px 6px 0 0}.btn.alt{background:var(--gold);color:var(--navy)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{padding:18px;border-radius:8px;border-top:6px solid}
.t-calm{background:var(--calm-t);border-color:var(--calm)}.t-jobs{background:var(--jobs-t);border-color:var(--jobs)}.t-daily{background:var(--daily-t);border-color:var(--daily)}.t-money{background:var(--money-t);border-color:var(--money)}
.jump a{display:inline-block;margin:4px 10px 4px 0}.grp h2{padding:8px 12px;color:#fff;background:var(--navy);border-radius:6px}.grp h2 span{font-weight:400}
.a-calm h2{background:var(--calm)}.a-jobs h2{background:var(--jobs)}.a-daily h2{background:var(--daily)}.a-money h2{background:var(--money)}
.grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.grid a{display:flex;flex-direction:column;text-decoration:none;height:100%;border:1px solid #ddd;border-radius:6px;padding:8px}
.grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:var(--paper)}.grid .t{font-size:.9rem;margin:6px 0;flex:1}.grid .p{font-weight:700}
.list li{margin:6px 0}footer{background:var(--paper);padding:18px 0;font-size:.9rem}footer a{margin-left:10px}
/* mobile + new sections (2026-10-22) */
img{max-width:100%;height:auto}
nav{display:flex;flex-wrap:wrap;gap:4px}nav a{margin-left:0;padding:10px 10px;min-height:44px;display:inline-flex;align-items:center}
.btn{min-height:44px;padding:12px 18px}.jump a{padding:8px 4px;min-height:44px;display:inline-flex;align-items:center}
.list li a,footer a{display:inline-block;padding:8px 0}
.free{margin-top:32px}.free h2{padding:8px 12px;color:#fff;background:var(--navy);border-radius:6px}
.freelist{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.freelist a{display:block;min-height:44px;padding:12px;border:1px solid #ddd;border-radius:6px;text-decoration:none;background:#fff}
.tag{display:inline-block;background:var(--gold);color:var(--navy);font-weight:700;font-size:.8rem;padding:1px 8px;border-radius:4px;margin-right:4px}
.about{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.photo-spot{aspect-ratio:4/5;background:var(--paper);border:2px dashed #b9b09a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b6450;font-size:.95rem}
.photo{width:100%;border-radius:8px}.about-text p{max-width:65ch}
@media (max-width:600px){
 body{font-size:16px}h1{font-size:1.6rem}.wrap{padding:0 14px}main{padding:18px 14px 40px}
 header .wrap{padding:10px 14px;flex-direction:column;align-items:flex-start}.brand{padding:6px 0}
 nav{width:100%;margin:0 -10px}nav a{padding:10px}
 .hero{padding:18px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid .t{font-size:.85rem;word-break:break-word}
 .cards{grid-template-columns:1fr}.about{grid-template-columns:1fr}.photo-spot{max-width:260px}
 .freelist{grid-template-columns:1fr}
}