/* Harbor life: an open-ended chain of choices and lasting improvements. */
.development-hero{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:34px 38px;border:1px solid #668f83;border-radius:19px;background:linear-gradient(100deg,#15474cf2,#194b45e0 58%,#183d3666),url('./harbor-world.png') center 42%/cover;color:#fff1d0;overflow:hidden;position:relative}.development-hero .eyebrow{color:#d4c389;font-size:10px;letter-spacing:.16em}.development-hero h1{font-size:42px;margin:12px 0}.development-hero p{color:#d5e4d2;max-width:600px;font-size:14px;line-height:1.6}.development-hero p:first-of-type{font-family:Georgia,serif;font-size:23px;color:#f2d495;margin:8px 0}.growth-emblem{display:grid;place-items:center;flex:none;border-radius:50%;width:155px;height:155px;border:1px solid #cfbc8288;box-shadow:0 0 0 12px #e2c78011;background:#244d42b3;color:#f1cf87;font-size:68px}.growth-emblem small{font-size:10px;letter-spacing:.13em;margin-top:-30px}.growth-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.growth-pills span{background:#092f3b99;border:1px solid #82a38a88;border-radius:30px;padding:9px 13px;font-size:11px;color:#d9e5c9}.weather-1{background-image:linear-gradient(100deg,#254951f2,#375b60de 60%,#75999666),url('./harbor-world.png')}.weather-2{background-image:linear-gradient(100deg,#243d4df2,#304b61e0 60%,#7896a066),url('./harbor-world.png')}.weather-3{background-image:linear-gradient(100deg,#303d4ef2,#624a45d9 65%,#ebd09055),url('./harbor-world.png')}.weather-4{background-image:linear-gradient(100deg,#3a443af2,#68503dde 60%,#bd944266),url('./harbor-world.png')}.weather-5{background-image:linear-gradient(100deg,#274e60f2,#496476de 60%,#c8e6de66),url('./harbor-world.png')}.growth-checklist{display:flex;align-items:center;gap:25px;margin:16px 0;padding:17px 22px;border:1px solid #507b75;border-radius:14px;background:#203f45;color:#cfddcd;font-size:13px}.growth-checklist .checked{color:#98d5b4}.growth-checklist .btn{margin-left:auto;font-size:12px}.development-section{margin:25px 0 30px}.section-heading .eyebrow{color:#adc9b3;font-size:9px;letter-spacing:.16em}.section-heading h2{margin:8px 0;font-size:26px;color:#f1e8d0}.section-heading p{font-size:13px;color:#b2cabe;line-height:1.5}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.policy{display:grid;grid-template-columns:38px 1fr;gap:7px 10px;padding:19px 20px;border:1px solid #557a76;border-radius:13px;background:#1b3e48;text-align:left;color:#f0e6c9;cursor:pointer}.policy>span{grid-row:span 2;font-size:30px;align-self:center;color:#abc8b5}.policy>b{font-size:14px}.policy>small{font-size:11px;color:#b7cabc;line-height:1.5}.policy.selected{border:2px solid #d7bc7f;background:#365f59}.policy.selected>span{color:#f0cc83}.policy:disabled{cursor:default}.charter-grid,.district-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.charter-card{display:flex;flex-direction:column;background:#f2ead5;color:#2f4c49;padding:22px;border-radius:15px;border:1px solid #b7bea1;min-width:0;box-shadow:0 8px 20px #061e2729}.charter-head{display:flex;align-items:center;gap:9px;color:#587368}.charter-head>span{font-size:25px}.charter-head>small{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.charter-head>b{font-size:10px;margin-left:auto;color:#26795e}.charter-card h3{font-size:23px;margin:14px 0 18px}.charter-needs{display:flex;flex-wrap:wrap;gap:8px;flex:1;align-content:start}.charter-needs span{background:#e6dac0;padding:8px;border-radius:7px;font-size:11px;color:#7a6648}.charter-needs .enough{background:#dce6cc;color:#376b53}.charter-card p{font-size:13px;color:#385d53;font-weight:bold;margin:20px 0 7px}.charter-card>small{font-size:10px;line-height:1.6;min-height:32px;color:#6b796c}.charter-card .btn{width:100%;margin-top:17px;min-height:44px;font-size:12px}.charter-done{background:#dbe8d3;border-color:#73a889}.charter-done .btn{color:#355d4d;background:#c8dabc;border:1px solid #a2b99b;opacity:1}.charter-voyage{display:flex;align-items:center;gap:25px;padding:20px 25px;background:#284d51;border:1px solid #6e9781;border-radius:15px;margin:17px 0}.charter-voyage .map-sailing{width:120px;flex:none;margin:0;height:90px}.charter-voyage h3{margin:0 0 8px;color:#f3e4c3;font-size:24px}.charter-voyage p{color:#cad7c3;font-size:12px}.charter-voyage .btn{font-size:12px;min-height:44px;margin:5px 6px 0 0}.district-card{position:relative;display:flex;flex-direction:column;border:1px solid #65816e;background:#193a40;border-radius:15px;padding:20px;overflow:hidden;color:#d9e4cd;min-width:0}.district-art{height:95px;position:relative;isolation:isolate;display:grid;place-items:center;background:radial-gradient(ellipse,#a9bb7633,transparent 70%);margin:-10px -10px 12px}.district-art>span{font-size:45px;z-index:1;filter:drop-shadow(3px 5px 0 #081c2677)}.district-art>i{position:absolute;background:linear-gradient(90deg,#99744a 0 47%,#5c4433 49% 51%,#a47e52 53%);width:43px;height:30px;bottom:13px;left:23%;transform:rotate(-8deg);border:2px solid #b69156;box-shadow:3px 4px 0 #071f2b88}.district-art>i:nth-of-type(2){left:auto;right:23%;bottom:16px;transform:rotate(8deg)}.district-art>i:nth-of-type(3){left:38%;bottom:6px}.district-cafe>i{background:#4f7959;border-color:#789a63;border-radius:40%}.district-fishing>i{background:#678e86;border-color:#93b7a3;border-radius:8px}.district-card .eyebrow{font-size:9px;color:#b1c5a5}.district-card h3{font-size:23px;color:#eee2bc;margin:9px 0}.district-card p{color:#b7ccba;font-size:12px;line-height:1.5;margin:8px 0}.district-card .district-benefit{border-top:1px solid #52726a;padding-top:13px;color:#e3c786;min-height:48px}.district-card>small{font-size:10px;line-height:1.8;color:#b7c8b4;flex:1}.district-card>.btn{font-size:12px;margin-top:16px;min-height:44px}.district-produce{border:0;background:none;cursor:pointer;text-decoration:underline;font-size:11px;color:#b8d4c0;min-height:44px;margin-top:6px}.growth-project{display:flex;align-items:center;gap:22px;padding:25px;background:#e9ddc0;color:#2a504e;border-radius:15px}.growth-project h3{margin:0;font-size:23px}.growth-project p{color:#596e5e;font-size:13px}.growth-project>div{flex:1}.growth-project .tool-swing{font-size:45px}.growth-project .btn{font-size:12px;min-height:44px}.growth-outlook{display:flex;gap:20px;align-items:center;margin:25px 0;padding:20px 24px;background:#1b3942;border-top:1px solid #65776a;border-bottom:1px solid #65776a;color:#c6d8bd}.growth-outlook>span{font-size:40px;color:#d0b16f}.growth-outlook h3{margin:0 0 9px;font-size:23px;color:#ddd5b8}.growth-outlook p{color:#b0c8b7;font-size:12px;line-height:1.6;max-width:760px;margin:0}.growth-unlock{padding:22px;border:1px solid #c8ad73;border-radius:13px;background:#ead8b0;color:#3e584c;margin:17px 0}.growth-unlock h2{margin-top:0;font-size:23px}.growth-unlock p{font-size:13px;color:#56674f}.production-level{font-size:11px!important}.production-level button{border:0;background:none;color:#23725a;text-decoration:underline;cursor:pointer;min-height:40px;font-size:11px}.harbor-growth-sign{position:absolute;left:8%;top:71%;border:2px solid #c5ac71;background:#f6e7becf;border-radius:10px;color:#3b6350;padding:9px;cursor:pointer;box-shadow:0 5px 10px #082d3b66;transform:rotate(-4deg)}.harbor-growth-sign span{display:block;font-size:25px}.harbor-growth-sign b{display:block;font-size:11px}.harbor-growth-sign small{display:block;font-size:10px;margin-top:5px}.growth-tracker .btn{max-width:140px}
@media(max-width:800px){.charter-grid,.district-grid{gap:10px}.charter-card,.district-card{padding:16px}.charter-card h3,.district-card h3{font-size:20px}.development-hero{padding:28px}.growth-emblem{width:115px;height:115px;font-size:47px}.growth-emblem small{font-size:8px}.growth-checklist{flex-wrap:wrap;gap:12px;font-size:12px}.growth-checklist .btn{margin-left:0}.policy{padding:15px 12px;grid-template-columns:25px 1fr}.policy>span{font-size:25px}.policy>small{font-size:10px}.policy>b{font-size:12px}}
@media(max-width:600px){.development-hero{margin:0 8px;padding:23px 18px;gap:10px;align-items:flex-start;border-radius:14px}.development-hero h1{font-size:31px}.development-hero .eyebrow{font-size:7px}.development-hero p{font-size:11px;line-height:1.5}.development-hero p:first-of-type{font-size:18px}.growth-emblem{width:60px;height:60px;font-size:28px;margin-top:24px;box-shadow:0 0 0 6px #e2c78011}.growth-emblem small{font-size:6px;margin-top:-9px}.growth-pills{gap:6px;margin-top:14px}.growth-pills span{font-size:8px;padding:8px}.growth-checklist{margin:11px 8px;padding:14px;display:grid;grid-template-columns:1fr;gap:13px}.growth-checklist .btn{width:100%;min-height:44px}.development-section{margin:24px 10px}.section-heading h2{font-size:23px}.section-heading p{font-size:12px}.section-heading .eyebrow{font-size:8px}.policy-grid{gap:6px}.policy{padding:12px 8px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.policy>span{font-size:26px}.policy>small{font-size:9px}.policy>b{font-size:11px}.charter-grid,.district-grid{grid-template-columns:1fr}.charter-card{padding:20px}.charter-card h3{font-size:23px;margin-bottom:12px}.charter-needs{flex:none}.charter-card>small{min-height:0}.charter-card .btn{margin-top:12px}.charter-card p{margin-top:14px}.district-card{padding:19px;display:grid;grid-template-columns:85px 1fr;gap:2px 15px}.district-art{grid-row:span 4;height:120px;align-self:center;margin:0;width:85px}.district-art>span{font-size:36px}.district-art i{width:30px;height:22px;left:0;bottom:20px}.district-art i:nth-of-type(2){right:0;bottom:24px}.district-art i:nth-of-type(3){left:30%;bottom:12px}.district-card>.eyebrow{grid-column:2;font-size:8px}.district-card h3{font-size:22px}.district-card .district-benefit{min-height:0;font-size:11px;padding-top:8px}.district-card>small{grid-column:1/-1;margin-top:8px}.district-card>.btn,.district-produce{grid-column:1/-1;width:100%}.district-card>.btn{margin-top:9px}.district-produce{margin-top:0}.charter-voyage{gap:14px;padding:17px;flex-direction:column;align-items:stretch}.charter-voyage .map-sailing{width:100%;height:70px}.charter-voyage h3{font-size:22px}.charter-voyage .btn{width:100%;margin:6px 0 0}.growth-project{padding:18px;gap:12px;flex-wrap:wrap}.growth-project h3{font-size:20px}.growth-project .tool-swing{font-size:30px}.growth-project .btn{width:100%}.growth-outlook{margin:15px 10px;padding:20px 10px;gap:13px}.growth-outlook h3{font-size:20px}.growth-outlook p{font-size:11px}.growth-outlook>span{font-size:28px}.growth-unlock{margin:12px 8px;padding:18px}.harbor-growth-sign{left:4%;top:67%;padding:5px;border-width:1px}.harbor-growth-sign span{font-size:17px}.harbor-growth-sign b{font-size:7px}.harbor-growth-sign small{font-size:7px;margin-top:3px}}