.wboct{margin:2rem auto;padding:1.2rem;color:#192b4a;font-family:inherit}.wboct-inner{max-width:1080px;margin:auto;border:1px solid #d1c49b;border-radius:18px;background:#fffdf6;padding:clamp(24px,4vw,48px);box-shadow:0 12px 35px #192b4a08}.wboct-kicker{font-size:.88rem;letter-spacing:.06em;color:#68582a;font-weight:700}.wboct h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.4;color:#192b4a;margin:.7rem 0}.wboct-lead{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700}.wboct p{line-height:1.85}.wboct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.wboct-grid article{padding:22px;background:white;border:1px solid #e4dfce;border-radius:12px}.wboct-grid span{font-size:.8rem;font-weight:700;color:#796633}.wboct h3{font-size:1.1rem;color:#192b4a;line-height:1.6;margin:10px 0}.wboct-grid p{font-size:.92rem;margin:0}.wboct-terms{border-top:1px solid #d9d0b7;padding:20px 0}.wboct-terms summary{font-weight:700;cursor:pointer}.wboct-terms ul{padding-left:1.4rem;margin:16px 0}.wboct-terms li{margin:10px 0;line-height:1.8;font-size:.9rem}.wboct-button{display:inline-flex;align-items:center;gap:18px;background:#192b4a;color:white!important;text-decoration:none!important;padding:14px 24px;border-radius:6px;font-weight:700;line-height:1.6}.wboct-button:hover{background:#304768}.wboct-button:focus-visible,.wboct summary:focus-visible{outline:3px solid #b69844;outline-offset:4px}.wboct-note{font-size:.82rem;color:#5a6475}.wboct-compact .wboct-inner{max-width:1080px}.wboct-compact h2 br{display:none}.wboct-compact h2{font-size:clamp(1.4rem,2.7vw,2rem)}@media(max-width:650px){.wboct{padding:14px;margin:1rem 0}.wboct-grid{grid-template-columns:1fr}.wboct-inner{padding:24px 18px}.wboct-button{display:flex;justify-content:center;gap:12px;font-size:.9rem;padding:14px}.wboct-terms li{font-size:.86rem}.wboct p{overflow-wrap:anywhere}}