/* A readable public profile built from the editable About Us guide. */
.public-ui.info-mode .hero{display:none}
.public-ui.info-mode .search,.public-ui.info-mode .popular{display:none}
.public-ui.info-mode .workspace{grid-template-columns:minmax(0,1fr)}
.public-ui.info-mode .workspace>aside,.public-ui.info-mode .how-guide,.public-ui.info-mode .bottom-banner{display:none}
.public-ui.info-mode .list-area>.guide-page{padding:0;border:0;background:transparent;box-shadow:none}
.public-ui.info-mode .about-profile{color:#153c42}
.public-ui.info-mode .about-intro{min-height:355px;padding:clamp(32px,4.5vw,76px);display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,27%);align-items:center;gap:36px;background:radial-gradient(circle at 80% 0%,#068b90 0%,transparent 38%),linear-gradient(125deg,#003d49 0%,#006d75 100%);color:#fff;overflow:hidden;border-radius:14px}
.public-ui.info-mode .about-intro .eyebrow{font-size:17px;letter-spacing:.14em;color:#d0ee9d}
.public-ui.info-mode .about-intro h1{color:#fff;font-size:clamp(44px,5vw,74px);margin:13px 0 20px;letter-spacing:-.04em;line-height:1.08}
.public-ui.info-mode .about-lead{max-width:850px;font-size:clamp(20px,1.9vw,27px);line-height:1.55;color:#f0faf8;margin:0}
.public-ui.info-mode .about-intro img{width:100%;max-width:390px;justify-self:center;background:#fff;border-radius:18px;padding:28px;box-shadow:0 25px 55px #00282c70}
.public-ui.info-mode .about-intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.public-ui.info-mode .about-intro-actions .primary,.public-ui.info-mode .about-end .primary{display:inline-block;background:#80b51c;color:#143910;text-align:center}
.public-ui.info-mode .about-outline{padding:13px 19px;border:1px solid #bee7e2;border-radius:7px;color:#fff;font-weight:700;font-size:16px}
.public-ui.info-mode .about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d4e4df;border:1px solid #d4e4df}
.public-ui.info-mode .about-pillars span{background:#eaf5df;padding:22px 26px;color:#164c47;font-size:20px;font-weight:800}
.public-ui.info-mode .about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:34px 0}
.public-ui.info-mode .about-card{padding:clamp(28px,3.2vw,46px);border:1px solid #cde2db;border-radius:14px;background:#fff;box-shadow:0 7px 24px #003d4910;border-top:6px solid #80b51c}
.public-ui.info-mode .about-card:nth-child(3n){background:#eaf5ef;border-top-color:#00a9b7}
.public-ui.info-mode .about-card:first-child{grid-column:1/-1;background:#003d49;border-color:#003d49;color:#fff;padding:clamp(34px,4vw,58px)}
.public-ui.info-mode .about-number{display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:11px;background:#dceebd;color:#365b0c;font-size:19px;font-weight:800}
.public-ui.info-mode .about-card h2{font-size:clamp(26px,2.45vw,35px);color:#003d49;margin:21px 0 15px;line-height:1.22}
.public-ui.info-mode .about-card p{font-size:clamp(18px,1.4vw,21px);line-height:1.7;color:#37585c;margin:0;overflow-wrap:anywhere}
.public-ui.info-mode .about-card:first-child h2,.public-ui.info-mode .about-card:first-child p{color:#fff}
.public-ui.info-mode .about-card:first-child p{max-width:1000px;font-size:clamp(20px,1.6vw,24px)}
.public-ui.info-mode .about-end{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#e9f4ef;border:1px solid #cbe2d7;padding:clamp(24px,3vw,42px);margin:24px 0 32px;border-radius:12px}
.public-ui.info-mode .about-end h2{color:#003d49;margin:4px 0 8px;font-size:clamp(26px,2.5vw,36px)}
.public-ui.info-mode .about-end p:not(.eyebrow){color:#426166;font-size:20px;line-height:1.6;max-width:850px;margin:0}
.public-ui.info-mode .about-end .primary{white-space:nowrap}
@media(max-width:800px){.public-ui.info-mode .about-intro{grid-template-columns:1fr}.public-ui.info-mode .about-intro img{max-width:210px;justify-self:start}.public-ui.info-mode .about-grid{grid-template-columns:1fr}.public-ui.info-mode .about-end{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.public-ui.info-mode .about-intro{padding:30px 22px}.public-ui.info-mode .about-intro img{display:none}.public-ui.info-mode .about-pillars{grid-template-columns:1fr}.public-ui.info-mode .about-pillars span{padding:14px 20px;font-size:18px}.public-ui.info-mode .about-card,.public-ui.info-mode .about-card:first-child{padding:26px}.public-ui.info-mode .about-card p{font-size:18px}.public-ui.info-mode .about-end p:not(.eyebrow){font-size:18px}}
/* No overlapping home search bar when the About hero is hidden. */
.public-ui.info-mode .search-wrap{display:none!important}

/* The same spacious profile treatment applies to every information page. */
.public-ui.info-mode .guide-profile .about-intro{min-height:305px}
.public-ui.info-mode .guide-profile .about-intro img{max-width:310px}
.public-ui.info-mode .guide-profile .about-grid{margin-top:26px}
@media(max-width:800px){.public-ui.info-mode .guide-profile .about-intro{min-height:0}}