/* R31.21 — Original metallic blue logo must remain readable: pale low-noise framing. */
.hero-mark{background:linear-gradient(145deg,#f9fcff 0%,#edf5fc 52%,#e4effa 100%);border-left:1px solid #d7e3ed;min-height:365px;gap:15px;isolation:isolate}
.hero-mark::before{width:315px;height:315px;border:1px solid rgba(39,112,154,.13);box-shadow:0 0 0 34px rgba(50,117,160,.045),0 0 0 80px rgba(50,117,160,.018)}
.hero-mark .r3120-official-logo{width:min(100%,325px);max-height:335px;object-fit:contain;filter:drop-shadow(0 9px 10px rgba(37,68,109,.12))}
.hero-mark>small{color:#355979;font-weight:800;letter-spacing:.085em}
.r3121-return-area{margin:29px 0 19px;display:flex;justify-content:flex-start}
.r3121-return-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 19px;background:#fff;border:1px solid #cbdde9;border-radius:10px;box-shadow:0 4px 12px rgba(36,68,91,.055);color:#1b597b;font-weight:850;font-size:13px;text-decoration:none;transition:background .15s ease,border-color .15s ease}
.r3121-return-btn:hover{background:#eaf4fa;border-color:#9fc7d8}
.r3121-return-btn:focus-visible,.r3121-training-link:focus-visible{outline:3px solid #1684a6;outline-offset:3px}
.clarity{margin-top:0}
.clarity .r3121-training-note{font-size:12px;line-height:1.65;color:#c2d4e3;margin:13px 0 0;max-width:440px}
.clarity .r3121-training-link{display:inline-flex;gap:7px;align-items:center}
@media(max-width:900px){.hero-mark{min-height:220px;border-left:0;border-top:1px solid #d7e3ed}}
@media(max-width:600px){.hero-mark{min-height:200px}.hero-mark .r3120-official-logo{width:min(100%,195px)}.r3121-return-area{margin:24px 0 15px}.r3121-return-btn{width:100%;font-size:13px}.clarity .r3121-training-note{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){.r3121-return-btn{transition:none}}