.marine-class-page{color:#172033}.marine-heading{margin-bottom:32px}.marine-eyebrow{margin:0 0 10px;color:#087d70;font-size:.9rem;font-weight:800}.marine-heading h1{margin:0 0 18px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.12;letter-spacing:0}.marine-heading>p:last-child,.marine-guide>header>p:last-child{max-width:820px;margin:0;color:#60708a;font-size:1.08rem;line-height:1.8}.marine-tool{margin-bottom:42px}.marine-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,520px);margin-bottom:14px;padding:5px;background:#edf3f6;border:1px solid #d6e1e8;border-radius:8px}.marine-mode button{min-height:48px;padding:10px 16px;border:0;border-radius:6px;background:transparent;color:#56667e;font:inherit;font-weight:800;box-shadow:none}.marine-mode button.is-active{background:#fff;color:#087d70;box-shadow:0 1px 4px rgba(26,44,66,.1)}.marine-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);gap:18px;align-items:stretch}.marine-form,.marine-result{min-width:0;padding:26px;border:1px solid #d8e2ea;border-radius:8px;background:#fff}.marine-form header{margin-bottom:24px}.marine-form header span{color:#087d70;font-size:.84rem;font-weight:800}.marine-form h2{margin:6px 0 8px;font-size:1.45rem;letter-spacing:0}.marine-form header p{margin:0;color:#78869a}.marine-form label{display:block;margin-bottom:8px;font-weight:800}.marine-form input{width:100%;height:56px;margin:0;border:1px solid #cfdbe5;border-radius:7px;background:#f9fbfc;color:#172033;font:inherit}.marine-form small{display:block;margin-top:9px;color:#718097;line-height:1.55}.marine-number-field{position:relative}.marine-number-field input{padding-right:50px}.marine-number-field b{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#60708a}.marine-actions{display:flex;gap:10px;margin-top:26px}.marine-actions button{flex:1;min-height:50px;margin:0;border-radius:7px;background:#087d70;font-weight:800}.marine-actions .secondary{background:#edf2f6;color:#2a3c55}.marine-status{min-height:24px;margin:14px 0 0;color:#60708a}.marine-status[data-error=true]{color:#bd3c35}.marine-result{background:#f5f9f8;border-color:#c8dfda}.marine-result-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid #cfe0dd}.marine-result-heading span{display:block;color:#5f7183;font-size:.88rem}.marine-result-heading strong{display:block;margin:7px 0 4px;font-size:clamp(1.65rem,4vw,2.65rem);line-height:1.18;letter-spacing:0;overflow-wrap:anywhere}.marine-result-heading p{margin:0;color:#60708a}.marine-result-heading>b{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#d7efe9;color:#087d70;font-size:.76rem}.marine-result[data-status=partial] .marine-result-heading>b{background:#fff4d8;color:#775514}.marine-result[data-status=unknown] .marine-result-heading>b,.marine-result[data-status=candidates] .marine-result-heading>b{background:#eef2f7;color:#4c5d73}.marine-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.marine-result-grid div{min-width:0;padding:14px;background:#fff;border:1px solid #d9e5e3;border-radius:7px}.marine-result-grid dt{color:#78869a;font-size:.78rem}.marine-result-grid dd{margin:5px 0 0;font-weight:800;overflow-wrap:anywhere}.marine-result-note{margin:0;padding:14px;border-left:3px solid #087d70;background:#e7f4f1;color:#3e5b57;line-height:1.65}.marine-result[data-status=partial] .marine-result-note{border-left-color:#c28a16;background:#fff8e8;color:#665326}.marine-result[data-status=unknown] .marine-result-note,.marine-result[data-status=candidates] .marine-result-note{border-left-color:#8190a3;background:#f0f3f7;color:#4c5d73}.marine-guide{padding-top:6px}.marine-guide>header{margin-bottom:24px}.marine-guide h2,.marine-related h2{margin:0 0 14px;font-size:1.75rem;letter-spacing:0}.marine-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.marine-guide-grid section{padding:20px 0;border-top:1px solid #dbe4ea}.marine-guide-grid h3,.marine-example h3,.marine-caution h3{margin:0 0 9px;font-size:1.08rem;letter-spacing:0}.marine-guide-grid p,.marine-example p,.marine-caution p{margin:0;color:#60708a;line-height:1.75}.marine-example{margin-top:22px;padding:22px;background:#f3f7f9;border-radius:8px}.marine-example>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.marine-example p{padding:14px;background:#fff;border:1px solid #dbe4ea;border-radius:7px}.marine-example span,.marine-example strong{display:block}.marine-example span{margin-bottom:5px;color:#78869a;font-size:.8rem}.marine-example strong{color:#263750}.marine-caution{margin-top:18px;padding:22px;border:1px solid #eed9af;border-radius:8px;background:#fffaf0}.marine-caution>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.marine-caution a{font-weight:800}.marine-related{margin-top:42px;padding-top:28px;border-top:1px solid #dbe4ea}.marine-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.marine-related a{display:block;padding:18px;border:1px solid #dbe4ea;border-radius:8px;color:#263750;text-decoration:none}.marine-related strong,.marine-related span{display:block}.marine-related span{margin-top:7px;color:#718097;line-height:1.55}
@media screen and (max-width:980px){.marine-workspace{grid-template-columns:1fr}.marine-form,.marine-result{padding:22px}.marine-guide-grid{grid-template-columns:1fr}}
@media screen and (max-width:640px){.marine-heading{margin-bottom:24px}.marine-heading h1{font-size:2.15rem}.marine-heading>p:last-child{font-size:1rem}.marine-mode{width:100%}.marine-mode button{padding:9px 8px;font-size:.88rem}.marine-form,.marine-result{padding:18px}.marine-result-heading{display:block}.marine-result-heading>b{display:inline-block;margin-top:12px}.marine-result-grid{grid-template-columns:1fr}.marine-actions{flex-direction:column}.marine-example>div,.marine-related>div{grid-template-columns:1fr}}