.packet-post{max-width:1000px;margin:auto}.packet-post [hidden]{display:none!important}.post-status,.post-actions,#post-request{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.post-status strong:first-child{margin-right:auto}.post-cover{display:block;width:100%;height:auto;aspect-ratio:10/3;background:#f0f8f6}.packet-post button,.packet-post select{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #527b7a;border-radius:4px;background:white;color:#173b43;cursor:pointer}.packet-post button.primary-action{background:#086c60;color:white;border-color:#086c60}.packet-post button:disabled{opacity:.65;cursor:default}.packet-post button:focus-visible,.packet-post select:focus-visible{outline:3px solid #794a93;outline-offset:3px}.packet-post h2{font-size:1.45rem}.packet-post h3{font-size:1.1rem}.post-instruction{font-weight:700}.post-map{position:relative;width:100%;aspect-ratio:1000/480;min-height:320px;background:#f0f8f6;overflow:hidden;border:1px solid #91ada7;border-radius:4px}.post-map svg{position:absolute;inset:0;width:100%;height:100%}.post-map line{stroke:#517d87;stroke-width:5;vector-effect:non-scaling-stroke}.post-map line.is-closed{stroke:#9b3032;stroke-dasharray:6 6}.post-map button{position:absolute;transform:translate(-50%,-50%);width:82px;min-height:55px;padding:5px;background:#fffdf3;font-size:14px;line-height:1.15;z-index:2}.post-map button[data-current=true]{outline:3px solid #086c60}.post-map button[data-destination=true]{border:3px solid #794a93}.post-map button span{display:block;font-weight:700}.post-map button small{font-size:11px}.post-map #post-marker{position:absolute;transform:translate(-50%,38px);font-size:24px;color:#172c38;background:#f8d36b;border:1px solid #695e35;border-radius:4px;width:38px;height:30px;text-align:center;line-height:28px;transition:left .3s linear,top .3s linear;z-index:3}.post-pieces{display:flex;gap:12px;flex-wrap:wrap}.post-pieces button{display:grid;gap:6px;min-width:130px;max-width:100%;text-align:left;border-top:5px solid #78518d}.post-pieces button[aria-pressed=true]{outline:3px solid #086c60;outline-offset:2px}.post-pieces small{font-size:12px}.post-pieces strong{font-size:20px}.post-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.post-slots button{min-height:90px;overflow-wrap:anywhere;background:#fff7db}.post-slots span{display:block;font-size:12px}.post-slots strong{display:block;font-size:18px;margin-top:8px}#post-feedback{min-height:3em;line-height:1.5}#post-feedback.is-error{color:#a22329;font-weight:700}#post-hint-text{border-left:3px solid #ad7a12;padding:8px 12px}#post-links{columns:2;padding-left:24px;line-height:1.8}.post-actions{border-top:1px solid #b3c9c4;padding-top:16px}@media(max-width:540px){.post-map{min-height:260px}.post-map button{width:52px;font-size:12px;min-height:46px}.post-map button small{font-size:10px}.post-map #post-marker{transform:translate(-50%,29px);width:28px;height:25px;line-height:23px;font-size:20px}.post-pieces button{min-width:120px}.post-slots{gap:6px}.post-slots button{padding:8px 4px}.post-slots strong{font-size:16px}#post-links{columns:1}.post-status{font-size:14px}}@media(prefers-reduced-motion:reduce){.post-map #post-marker{transition:none}}