*{box-sizing:border-box}body{margin:0;background:#f3f5f1;color:#172e29;font-family:Inter,"Noto Sans JP",Arial,sans-serif;font-size:16px}button,input,select{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #448755;outline-offset:3px}header{height:84px;padding:0 36px;display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid #dde4dc}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-weight:700;letter-spacing:2px}.brand small{display:block;font-size:12px;letter-spacing:4px;font-weight:400;margin-top:4px}.mark{font-family:Georgia,serif;font-size:32px;background:#183e34;color:#def2b3;width:46px;height:46px;display:grid;place-items:center;border-radius:50%}.tag{font-size:12px;color:#597068;border:1px solid #d6e1d6;border-radius:20px;padding:7px 12px}.source{margin-left:auto;color:#335b4b;font-size:14px}main{max-width:1680px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:30px;padding:30px 36px}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.eyebrow{font-size:12px;letter-spacing:2px;color:#6b7b72;font-weight:600}h1{font-size:26px;letter-spacing:-.5px;margin:9px 0 0}h2{font-size:25px;margin:10px 0}h3{font-size:18px;line-height:1.6}.holebuttons,.viewbuttons,.segmented{display:flex;gap:5px}button{border:1px solid #dce4da;background:#fff;color:#244739;border-radius:8px;padding:10px 14px}.holebuttons button{width:44px;height:44px;padding:0}.active{background:#1c483a!important;color:white!important;border-color:#1c483a!important}.mapwrap{height:565px;background:#102b29;border-radius:18px;position:relative;overflow:hidden}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{width:100%;height:100%;display:block}.maphead{position:absolute;left:25px;right:25px;top:24px;display:flex;justify-content:space-between;pointer-events:none;color:#f1f6e9}.maphead .eyebrow{color:#a8c6b4}.maphead strong{display:block;font-size:42px;letter-spacing:-2px;font-weight:500;margin-top:8px}.maphead strong small{font-size:17px;letter-spacing:0;color:#aac2b7}#teeLabel{font-size:13px;color:#b2c6be}.maptag{font-size:12px;color:#c3d5c9;background:#ffffff0d;padding:8px 10px;border-radius:20px;height:max-content}.viewbuttons{position:absolute;left:20px;bottom:54px;right:20px;justify-content:center;flex-wrap:wrap}.viewbuttons button{font-size:13px;background:#e9f0e8f2;border:0;padding:10px 12px}.viewbuttons .active{background:#d9f4ab!important;color:#173b2e!important}.maphint{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:12px;color:#aac2b7;pointer-events:none}.legend{position:absolute;right:18px;top:94px;display:flex;flex-direction:column;gap:7px;color:#bfd5c7;font-size:12px;pointer-events:none}.dot{display:inline-block;width:7px;height:7px;background:#d7ff93;border-radius:50%;margin-right:6px}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:white}.under{display:flex;align-items:center;gap:20px;margin:23px 0}.under p{font-size:15px;line-height:1.8;margin:8px 0 0}.under button{white-space:nowrap;font-size:13px;background:transparent}.media{display:grid;grid-template-columns:1fr 1fr;gap:24px}.media>a{position:relative;height:185px;overflow:hidden;border-radius:12px;background:#15372d;color:white}.media img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.media a>div{position:absolute;bottom:18px;left:18px}.media small{font-size:11px;letter-spacing:1px}.media b{display:block;margin-top:7px}.play{position:absolute;top:18px;left:18px;background:#ffffff28;border:1px solid #ffffff88;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.sourceNote{font-size:14px;line-height:1.8}.sourceNote p{margin:10px 0}.sourceNote small{font-size:12px;color:#758276;letter-spacing:0}aside{background:#fff;border:1px solid #e0e5dd;border-radius:16px;padding:24px;height:max-content}.asidehead p{font-size:14px;color:#718074;margin-bottom:24px}label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}select{width:100%;padding:12px;background:#f7f9f5;border:1px solid #dfe5db;border-radius:8px;color:#234338;margin-bottom:24px;font-size:14px}.rangeLabel{display:flex;justify-content:space-between;gap:8px}.rangeLabel output{font-size:14px;font-weight:700}input[type=range]{width:100%;accent-color:#3b6549}.rangeEnds{display:flex;justify-content:space-between;font-size:12px;color:#819083;margin:6px 0 25px}.segmented{background:#f1f4ed;padding:4px;border-radius:10px}.segmented button{width:50%;border:0;background:transparent;font-size:14px}.advice{margin-top:20px;background:#f0f5e8;border-radius:12px;padding:18px}.advice>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.advice span#strategyTag{font-size:11px;letter-spacing:1px;font-weight:bold;color:#486242}.advice small{font-size:11px;color:#6c7d62}.advice h3{margin:15px 0 10px}.advice p{font-size:14px;line-height:1.9;margin:0}.metric{border-top:1px solid #d6e2cb;margin:18px 0 8px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.metric b{font-size:18px;white-space:nowrap}.ask{margin-top:24px}.ask h3{margin-bottom:6px}.demoLabel{font-size:12px;color:#78847a;line-height:1.6}.prompts{display:flex;flex-wrap:wrap;gap:6px}.prompts button{padding:7px 9px;font-size:12px;border-radius:20px}form{display:flex;margin-top:12px;border:1px solid #d7e1d4;border-radius:9px;padding:5px}form input{min-width:0;width:100%;border:0;padding:7px;font-size:14px}form button{background:#234e3d;color:#fff;border:0;padding:7px 14px}#answer{font-size:14px;line-height:1.8;color:#587060}details{border-top:1px solid #e1e7dc;margin-top:22px;padding-top:16px;font-size:12px;color:#6a7b6f;line-height:1.8}summary{cursor:pointer;font-size:14px}dialog{border:0;border-radius:15px;max-width:460px;width:90%;padding:24px;background:#f3f6ef;color:#183d31}dialog::backdrop{background:#09231ccc}dialog>div{display:flex;align-items:center;justify-content:space-between}dialog img{height:55vh;max-width:100%;object-fit:contain;display:block;margin:auto}dialog p{font-size:14px;line-height:1.8}@media(min-width:1450px){.mapwrap{height:655px}}@media(max-width:1000px){header{padding:0 20px}.tag{display:none}main{padding:24px 20px;gap:20px;grid-template-columns:minmax(0,1fr) 310px}aside{padding:20px}.maptag{display:none}.under{display:block}.under button{margin-top:10px}.media{grid-template-columns:1fr}.legend{top:150px}}@media(max-width:760px){header{height:72px;padding:0 16px}.brand{font-size:14px}.source{font-size:12px}main{display:block;padding:22px 14px}h1{font-size:21px}.eyebrow{font-size:10px;letter-spacing:1.5px}.titlebar{align-items:flex-end}.holebuttons button{width:36px;height:36px}.mapwrap{height:510px}.maphead{left:18px}.media{grid-template-columns:1fr;margin-bottom:24px}.media>a{height:190px}.sourceNote{padding:0 5px}aside{padding:22px}.legend{font-size:11px;right:12px;top:135px}.viewbuttons{left:10px;right:10px;gap:4px}.viewbuttons button{padding:10px;font-size:12px}}