.online-tools-intro{padding:140px 0 52px}
.online-tools-intro .h1{margin:16px 0 20px}
.online-tools-intro .sub{font-size:clamp(22px,2.5vw,32px);max-width:none;margin-bottom:18px}
.tools-intro-copy{max-width:760px;color:#bcbab1;font-size:17px;line-height:1.8}
.online-tools-intro+.useful-tools{padding:48px 0 64px}
.online-tools-note{padding:64px 0 80px;background:#111314}
.online-tools-note .h2{margin:16px 0 20px}
.online-tools-note p{max-width:760px;line-height:1.8;color:#bcbab1;margin-bottom:22px}
.online-tools-note .fine{font-size:13px}
.learn-tools-link{padding:28px 0;border-block:1px solid #ffffff16;background:#17191a}
.learn-tools-link .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.learn-tools-link p{margin:0;color:#bcbab1}
@media(max-width:700px){.online-tools-intro{padding-top:140px;padding-bottom:36px}.learn-tools-link .wrap{align-items:flex-start;flex-direction:column;gap:16px}}
/* A warm, clear invitation between the learning sections. */
.learn-tools-link{padding:36px 0;background:#d6c3a4;border-color:#e5d2b5}
.learn-tools-link p{font:400 clamp(28px,3vw,42px)/1.15 'Cormorant Garamond',Georgia,serif;color:#17191a}
.learn-tools-link .btn{flex-shrink:0;color:#17191a;border-color:#17191a;background:transparent}
.learn-tools-link .btn:hover{background:#17191a;color:#f1eee5}
.learn-tools-link .btn:focus-visible{outline-color:#17191a}
@media(max-width:700px){.learn-tools-link{padding:30px 0}.learn-tools-link p{font-size:32px}}
.learn-tools-link .btn{background:#17191a;color:#f2e7d4;border-color:#17191a;box-shadow:0 5px 16px #17191a18;transition:background .25s,border-color .25s,box-shadow .25s}
.learn-tools-link .btn:hover{background:#343a38;border-color:#343a38;color:#fff7e8;box-shadow:0 7px 20px #17191a25}
.learn-tools-link .btn:focus-visible{outline:2px solid #17191a;outline-offset:4px}
/* Override the global secondary-button colours on this gold strip. */
.learn-tools-link a.btn.btn-secondary{color:#000!important;-webkit-text-fill-color:#000;background:transparent!important;border-color:#17191a!important}
.learn-tools-link a.btn.btn-secondary:hover,.learn-tools-link a.btn.btn-secondary:focus-visible{color:#000!important;background:#eadcc5!important;border-color:#17191a!important}