:root{font-family:Arial,Helvetica,sans-serif;color:#142b36;background:#f6f7f6}*{box-sizing:border-box}body{margin:0}a{color:inherit}.masthead{height:84px;padding:10px max(4vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2e2;background:white}.masthead img{display:block;width:150px;max-height:65px;object-fit:contain}.masthead label{font-size:13px;font-weight:700}.masthead select{padding:9px 12px;border:1px solid #aab8b9;border-radius:6px;background:white;font:inherit;color:inherit}main{max-width:1500px;margin:auto;padding:0 max(4vw,24px) 70px}.intro{padding:44px 0 34px}.intro h1{font-size:clamp(30px,3.5vw,50px);letter-spacing:-.03em;line-height:1.1;margin:0}.intro p{color:#49636b;line-height:1.5;margin:14px 0 0}.workspace{display:grid;grid-template-columns:minmax(270px,370px) minmax(0,1fr);gap:clamp(28px,4vw,70px);align-items:start}.editor{padding:10px 0}.editor h2,.preview-top h2{font-size:23px;margin:0}.editor>p{color:#49636b;line-height:1.55;font-size:14px}.editor form{display:flex;flex-direction:column;margin-top:29px}.editor form label{font-weight:700;font-size:14px;margin:0 0 8px}.editor form label span{font-weight:400;color:#49636b}.editor input{font:inherit;padding:13px 14px;border:1px solid #9aafb2;border-radius:7px;background:white;color:#142b36;margin-bottom:22px}.editor input:focus,.masthead select:focus,#tip a:focus-visible{outline:3px solid #7cbac2;outline-offset:2px}.editor button{border:0;border-radius:7px;background:#b40000;color:#fff;font:700 15px Arial,sans-serif;padding:16px 12px;cursor:pointer}.editor button:hover{background:#8f0000}.editor button:disabled{opacity:.65;cursor:wait}#form-error{color:#ae0000;margin:0 0 12px;font-size:13px}.privacy{font-size:12px}#tip{border-top:1px solid #cbd5d5;margin-top:28px;padding-top:20px}#tip h3{font-size:18px;margin:0}#tip p{font-size:13px;color:#49636b;line-height:1.5}#tip a{color:#a00000;font-weight:700;text-underline-offset:3px}.preview-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:15px}.preview-top span{font-size:12px;color:#49636b}.preview-area{min-width:0}.card{background:#fff;color:#0a0a0a;border:7px solid #bc0000;width:100%;max-width:740px;aspect-ratio:716/1011;display:flex;flex-direction:column;box-shadow:0 15px 35px rgba(15,31,34,.13);font-family:Arial,Helvetica,sans-serif;overflow:hidden}.card-top{height:5%;border-bottom:4px solid #bc0000;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(8px,.8vw,12px);font-weight:800}.card-header{height:9%;display:grid;grid-template-columns:32% 34% 34%;border-bottom:4px solid #bc0000}.card-vessel,.card-ids{display:flex;flex-direction:column;justify-content:center;padding:5px 8px;min-width:0}.card-vessel{border-right:3px solid #bc0000}.card-header small{font-size:clamp(7px,.9vw,12px);font-weight:400}.card-vessel strong{font-size:clamp(12px,1.6vw,23px);margin-top:5px;overflow-wrap:anywhere}.card-mayday{background:#bc0000;color:white;display:grid;place-items:center;font-size:clamp(17px,2.4vw,34px);font-weight:800}.card-ids{gap:8px}.card-ids strong{font-size:clamp(10px,1.15vw,17px)}.card-warning{min-height:6%;padding:8px;border-bottom:4px solid #bc0000;color:#a00000;font-weight:800;font-size:clamp(8px,1vw,13px);line-height:1.2}.card-steps{margin:0;padding:12px 18px 12px 48px;border-bottom:4px solid #bc0000;min-height:27%;font-size:clamp(8px,1vw,13px);font-weight:700;line-height:1.17}.card-steps li{padding-left:4px;margin-bottom:9px}.card-script{padding:16px 10px 8px;flex:1;display:flex;flex-direction:column;justify-content:space-around;font-size:clamp(8px,1.05vw,14px);line-height:1.15;font-weight:800}.card-script p{margin:0 0 5px}.card-script em{font-weight:400;color:#555;font-style:italic;font-size:.92em}.card-bottom{height:2%;border-top:4px solid #bc0000}.preview-foot{font-size:12px;color:#49636b;line-height:1.5}footer{border-top:1px solid #dce2e2;padding:20px max(4vw,24px);color:#49636b;font-size:12px}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.editor{max-width:500px}.card{max-width:740px}.card-top{font-size:clamp(8px,1.4vw,12px)}.card-header small{font-size:clamp(7px,1.3vw,12px)}.card-vessel strong{font-size:clamp(12px,2.2vw,23px)}.card-mayday{font-size:clamp(17px,3.3vw,34px)}.card-ids strong{font-size:clamp(10px,1.8vw,17px)}.card-warning,.card-steps,.card-script{font-size:clamp(8px,1.6vw,14px)}}@media(max-width:500px){.masthead{height:70px}.masthead img{width:105px}.intro{padding:35px 0 25px}.preview-top{flex-direction:column;align-items:flex-start}.card{border-width:4px}.card-top,.card-header,.card-warning,.card-steps,.card-bottom{border-width:2px}.card-steps{padding:6px 8px 4px 26px;line-height:1.1}.card-steps li{margin-bottom:3px}.card-script{padding:7px 6px;font-size:clamp(6px,2vw,10px)}.card-script p{margin-bottom:2px}.card-warning{padding:3px;font-size:clamp(6px,2vw,10px)}.card-vessel,.card-ids{padding:2px 4px}.card-header small{font-size:clamp(5px,1.6vw,8px)}.card-vessel strong{font-size:clamp(8px,2.4vw,12px)}.card-ids strong{font-size:clamp(6px,2vw,10px)}.card-mayday{font-size:clamp(12px,4vw,18px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#tip{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:start;background:#e9f3f2;border:0;border-radius:14px;margin-top:28px;padding:22px;color:#142b36}
.tip-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#ad251d}
.tip-icon svg{width:36px;height:36px}
#tip h3{color:#142b36;font-size:19px;line-height:1.2;margin:2px 0 0}
#tip p{margin:10px 0 0;font-size:14px;line-height:1.5;color:#294950}
#tip #tip-pending{font-size:12px;color:#49636b}
#tip #tip-link:not([hidden]){display:inline-block;margin-top:16px;border-radius:7px;background:#b40000;color:#fff;padding:12px 18px;text-decoration:none}
#tip #tip-link:hover{background:#8f0000}
#tip #tip-link:focus-visible{outline:3px solid #142b36;outline-offset:3px}
@media(max-width:360px){#tip{grid-template-columns:1fr;padding:18px}.tip-icon{width:48px;height:48px}}