:root{font-family:Yu Gothic UI,Meiryo,system-ui,sans-serif;color:#233b39;background:#f7f8f4;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}a{color:#21685e}button{border:0}header{height:100px;border-bottom:1px solid #dde4dc;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;background:#fff}.brand{display:flex;gap:13px;text-decoration:none;align-items:center;font-weight:750;font-size:22px;color:#1c4942;letter-spacing:.05em}.brand small{display:block;font-size:10px;letter-spacing:.22em;margin-top:4px}.mark{font-size:46px}nav{display:flex;gap:28px;height:100%;align-items:center}nav button{background:none;color:#536661;height:100%;font-size:14px;border-bottom:3px solid transparent}nav .active{border-color:#246e61;color:#175b4f;font-weight:700}.place{font-size:12px;color:#53655e}main{max-width:1240px;margin:auto;padding:0 40px}.hero{position:relative;padding:64px 0 34px;overflow:hidden}.eyebrow{color:#467266;font-size:11px;letter-spacing:.2em;font-weight:700}h1{font-size:clamp(36px,4vw,57px);line-height:1.5;letter-spacing:.055em;margin:20px 0 18px;font-weight:650}p{line-height:1.9}.hero p{color:#5b6f65;font-size:16px}.hero-foot{display:flex;gap:30px;font-size:11px;color:#78867d;margin-top:36px}.compass{position:absolute;width:290px;height:290px;right:70px;top:55px;border-radius:50%;border:1px solid #c9d7c8;background:repeating-conic-gradient(from 0deg,#d5ded1 0deg 1deg,transparent 1deg 15deg)}.orbit{position:absolute;inset:22px;border:1px solid #d4dfd1;border-radius:50%;background:#f7f8f4}.compass:after{content:"";position:absolute;inset:65px;border:1px solid #d5ded1;border-radius:50%}.north{position:absolute;left:48%;top:33px;font-size:11px}.needle{position:absolute;top:70px;left:120px;width:50px;height:150px;background:linear-gradient(105deg,#2d7767 50%,#d1dbcf 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:rotate(35deg)}.compass-word{position:absolute;top:310px;width:100%;text-align:center;line-height:1.8;font-size:9px;letter-spacing:.2em;color:#7b8f7d}.notice{display:flex;align-items:center;gap:18px;background:#f0ecdd;border:1px solid #e4ddc5;border-radius:6px;padding:14px 18px;margin-top:15px}.notice p{font-size:12px;margin:0;color:#655d46}.badge{font-size:10px;white-space:nowrap;font-weight:700;background:#fff9e8;padding:5px 8px;border-radius:4px;color:#775f27}.mode{display:flex;align-items:center;gap:7px;font-size:12px;margin:18px 0 42px}.mode>span{margin-right:10px;color:#5e7167}.mode button{background:#e9eee6;padding:8px 13px;border-radius:4px;color:#54655c}.mode button[aria-pressed=true]{background:#285f52;color:#fff}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.section-title h2{font-size:24px;margin:8px 0;letter-spacing:.04em;font-weight:650}.section-title>span{font-size:11px;color:#748478}.themes{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:26px}.themes button{display:flex;justify-content:center;align-items:center;gap:16px;background:#fff;border:1px solid #dce3d9;border-radius:6px;padding:19px 8px;color:#486353}.themes button span{font-size:23px;font-weight:400}.themes .chosen{background:#285f52;color:#fff;border-color:#285f52}.filters{display:flex;gap:14px;align-items:end;background:#edf1e9;padding:20px;border-radius:6px}.filters label{display:flex;flex-direction:column;font-size:11px;gap:7px;min-width:140px;color:#526457}.search{flex:1}.filters input,.filters select{background:#fff;border:1px solid #d7dfd2;border-radius:4px;padding:12px;font-size:12px;width:100%;color:#31483b}.reset{background:transparent;font-size:11px;padding:14px 0;color:#4b6659}.recent{margin-top:38px}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recent-grid button{background:#fff;border:1px solid #dce3d8;border-radius:6px;padding:22px;text-align:left;color:#314d3e}.recent-grid small{color:#72836f;font-size:10px}.recent-grid strong{display:block;font-size:17px;margin:14px 0 22px}.recent-grid button>span{display:flex;justify-content:space-between;font-size:11px}.results{margin:40px 0 64px}.section-title h2 small{font-size:12px;font-weight:400;background:#e6ecdf;padding:5px 10px;border-radius:20px;margin-left:8px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid #dfe5da;border-radius:7px;padding:24px;min-width:0}.card-meta{display:flex;align-items:center;gap:12px;color:#7b8579;font-size:10px}.topic{padding:5px 10px;border-radius:4px;background:#e8efe0;color:#45643b}.t1{background:#e7edf0;color:#486479}.t2{background:#f1ebde;color:#796546}.t3{background:#ebe8f1;color:#66547c}.t4{background:#f2e7e5;color:#815b5a}.card h3{font-size:19px;line-height:1.7;margin:17px 0 8px;font-weight:650}.byline{font-size:12px;margin:0 0 18px}.byline span{color:#7b887e;font-size:10px}.qa{border-top:1px solid #e8ece4;padding-top:18px}.qa small{font-size:10px;color:#63806c;letter-spacing:.06em;font-weight:700}.qa p{font-size:12px;color:#546357;margin:6px 0 14px}.qa>div+div{background:#f5f7f2;border-radius:4px;padding:12px 14px}.qa>div+div p{margin-bottom:0}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;color:#7a887a}.card-bottom a{font-size:12px;font-weight:600}.card-bottom small{font-size:10px}details{border-top:1px solid #e5eade;margin-top:18px;padding-top:13px;font-size:11px;color:#6e7e6d}summary{cursor:pointer}dl{display:grid;grid-template-columns:100px 1fr;gap:10px}dt{font-weight:600}dd{margin:0;overflow-wrap:anywhere}.panel{background:#fff;border:1px solid #dfe5da;border-radius:6px;padding:30px;margin:32px 0}.panel h3{font-size:16px}.panel p{font-size:13px;color:#657563}.member-options{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.member-options input{margin-right:9px;accent-color:#285f52}.comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.comparison>.card{padding:15px}.comparison section>.card{margin-bottom:16px}.comparison section>h3{padding:12px;background:#e7ede1;font-size:15px}.comparison .byline span{display:block}.empty{padding:50px;text-align:center;background:#fff;border:1px dashed #c9d4c3;border-radius:7px;color:#5e735e}.empty h3{font-size:18px}.empty p{font-size:13px}.empty button{padding:10px 20px;background:#285f52;color:#fff;border-radius:4px}.prose{max-width:850px;margin:0 auto 60px}.prose h2{font-size:27px}.prose h3{margin-top:32px}.prose a{line-height:2.3;font-size:13px}footer{border-top:1px solid #dfe5d9;padding:38px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf1e7}footer .brand{font-size:15px}footer p{font-size:10px;color:#6f7f6c}footer button{background:none;font-size:11px;color:#3f654d}.skip{position:absolute;left:10px;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:900px){header{padding:18px 24px;height:auto;flex-wrap:wrap}.place{display:none}nav{gap:18px}nav button{padding:12px 0}main{padding:0 22px}.compass{right:0;opacity:.3;z-index:-1}.hero{padding-top:40px}.filters{flex-wrap:wrap}.search{min-width:100%!important}.themes{grid-template-columns:repeat(3,1fr)}.recent-grid{grid-template-columns:1fr}.recent-grid strong{margin-bottom:12px}.cards{grid-template-columns:1fr}.hero-foot{flex-direction:column;gap:8px}.notice{align-items:flex-start}.section-title>span{display:none}footer{flex-wrap:wrap}.comparison{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}button:hover{filter:brightness(.96)}}