/* Readable public pages, shared between the agency and creative studio. */
[data-iroha-public]{--iroha-readable:#536477}
.public-skip{position:fixed;z-index:200;top:10px;left:12px;transform:translateY(-180%);padding:12px 20px;background:#304257;color:#fff;border-radius:10px}
.public-skip:focus{transform:none}
.agency-public .creative-policy-return{display:inline-flex;align-items:center;min-height:44px;margin:0 0 22px;padding:10px 20px;border:1px solid #cadde8;border-radius:100px;background:#fff;color:#304257;font:700 14px/1.6 system-ui,sans-serif;cursor:pointer}
.agency-public .creative-policy-return[hidden]{display:none}
[data-iroha-public] :is(.intro p,.card p){font-size:14px;color:#536477}
[data-iroha-public] :is(.pagehead p,.subtitle,.boxcard p,.lead,.notice,.fineprint,.staff-role p,.staff-spec p,.start-plan-desc,.audio-benefit p,.privacy-copy p,.faq-answer){font-size:14px;line-height:1.9;color:var(--iroha-readable)}
[data-iroha-public] :is(.form-field,.form-consent){font-size:14px;line-height:1.8}
[data-iroha-public] :is(.form-field input,.form-field select,.form-field textarea){font-size:16px;line-height:1.6;min-height:46px}
[data-iroha-public] :is(.form-field textarea){min-height:135px}
[data-iroha-public] :is(.btn,button[type=submit],.mobile-toggle){min-height:44px}
[data-iroha-public] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #407d9a;outline-offset:4px}
[data-iroha-public] :is(.privacy-copy,.terms-copy){max-width:760px;overflow-wrap:anywhere}
[data-iroha-public] :is(h1,h2,h3){overflow-wrap:anywhere;text-wrap:pretty}
[data-iroha-public] :is(input,textarea){scroll-margin-top:120px}
.agency-at-a-glance{padding-top:30px;padding-bottom:25px}
.agency-section-intro{max-width:640px;margin-bottom:24px}
.agency-section-intro h2{font-size:clamp(23px,3vw,32px);line-height:1.5;margin:8px 0 12px;text-wrap:balance}
.agency-section-intro p{font-size:15px;line-height:1.9;color:#536477}
.agency-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
.agency-facts>div{padding:26px;border:1px solid #dfeaf2;border-radius:18px;background:linear-gradient(130deg,#f1faff,#fff)}
.agency-facts>div:nth-child(2){background:linear-gradient(130deg,#fff4fa,#fff)}
.agency-facts dt{font-size:13px;color:#536477;font-weight:700}
.agency-facts dd{font-size:25px;line-height:1.5;font-weight:800;margin:10px 0;color:#304257}
.agency-facts p{font-size:14px;line-height:1.9;margin:0;color:#536477}
.agency-inline-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}
.agency-inline-actions .inline-link{font-size:14px;padding:10px 0}
.agency-page-guide{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 22px;border:1px solid #dfebf2;border-radius:16px;background:#f7fbfd;margin:0 0 30px}
.agency-page-guide>span{font-size:13px;color:#536477;margin-right:6px}
.agency-page-guide button{border:1px solid #cadde8;border-radius:100px;background:#fff;color:#35566d;font:700 14px/1.5 system-ui,sans-serif;min-height:44px;padding:9px 17px;cursor:pointer}
[id^=agency-]{scroll-margin-top:115px}
.agency-public #top .section{padding-top:54px;padding-bottom:54px}
.agency-public #top .section.tight{padding-top:32px;padding-bottom:32px}
.agency-public #about .agency-event-note{font-size:14px;color:#536477}
.agency-public .hero-copy>p{font-size:15px;line-height:1.9;color:#536477}
.agency-public .faq-section-title{scroll-margin-top:120px}
.agency-public .agency-page-guide button:hover{background:#eaf6fc}
@media(max-width:750px){.agency-facts{grid-template-columns:1fr}.agency-facts>div{padding:23px}.agency-inline-actions{align-items:stretch;flex-direction:column}.agency-inline-actions .btn{width:100%}.agency-page-guide{padding:15px;gap:8px}.agency-page-guide>span{flex-basis:100%}.agency-public #top .section{padding-top:38px;padding-bottom:38px}.agency-public .hero-copy>p{max-width:34em}}
@media(prefers-reduced-motion:reduce){[data-iroha-public]{scroll-behavior:auto}}

[data-iroha-public] :is(h1,h2,h3)[tabindex="-1"]:focus{outline:none!important;box-shadow:none!important}