.ap-about-page { color: #233e4d; }
.about-main { padding: 32px 48px 56px; }
.about-breadcrumb { display: flex; gap: 12px; align-items: center; color: #567080; font-size: 12px; margin-bottom: 28px; }
.about-breadcrumb a:hover { color: #21526d; text-decoration: underline; }
.about-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; align-items: center; }
.about-eyebrow { display: block; color: #376982; font-size: 11px; font-weight: 700; letter-spacing: .12em; margin-bottom: 12px; }
.about-intro h1 { font-size: clamp(30px,4vw,48px); font-weight: 700; color: #183f55; line-height: 1.2; letter-spacing: -.035em; margin: 0 0 20px; }
.about-lead { font-size: 18px; color: #294f64; line-height: 1.65; margin-bottom: 20px; max-width: 34em; }
.about-prose { font-size: 14px; line-height: 1.9; color: #4b6370; }
.about-prose p { margin: 0 0 14px; }
.about-prose h2,.about-prose h3 { font-size: 20px; color: #21526d; margin: 20px 0 12px; }
.about-prose ul { list-style: disc; padding-left: 22px; }
.about-prose a { text-decoration: underline; }
.about-button { display: inline-flex; gap: 20px; align-items: center; background: #21526d; color: white; border-radius: 12px; padding: 14px 20px; font-size: 13px; font-weight: 600; margin-top: 14px; transition: background .2s; }
.about-button:hover { background: #183f55; }
.about-photo { position: relative; min-height: 360px; height: 100%; max-height: 460px; border-radius: 22px; overflow: hidden; background: #21526d; }
.about-photo > img { width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.about-photo > div { position: absolute; inset: auto 0 0; padding: 56px 28px 26px; background: linear-gradient(transparent,rgba(13,40,56,.82)); color: white; }
.about-photo span { font-size: 21px; font-weight: 600; }
.about-photo p { font-size: 13px; line-height: 1.6; margin-top: 6px; color: #e3eff5; }
.about-services,.about-results,.about-team { margin-top: 52px; padding-top: 36px; border-top: 1px solid rgba(33,82,109,.14); }
.about-section-head { margin-bottom: 24px; }
.about-section-head h2 { font-size: clamp(21px,2.5vw,28px); line-height: 1.4; font-weight: 600; color: #183f55; letter-spacing: -.025em; }
.about-service-grid,.about-team-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.about-service,.about-guide { background: rgba(255,255,255,.64); border: 1px solid rgba(255,255,255,.9); border-radius: 18px; min-width: 0; }
.about-service { display: flex; flex-direction: column; padding: 24px; transition: border-color .2s,background .2s; }
.about-service:hover { border-color: #80c9e8; background: rgba(255,255,255,.88); }
.about-icon { width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; background: #e5f2f8; color: #21526d; margin-bottom: 20px; }
.about-service h3,.about-guide h3 { color: #244c62; font-size: 17px; font-weight: 600; line-height: 1.4; }
.about-service p { color: #536b79; font-size: 13px; line-height: 1.8; margin: 10px 0 24px; }
.about-service-link { color: #21526d; font-weight: 600; font-size: 12px; margin-top: auto; }
.about-stat-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 16px; }
.about-stat { padding: 24px; border-radius: 16px; background: rgba(228,240,247,.7); }
.about-stat strong { display: block; font-size: clamp(27px,3vw,38px); color: #21526d; font-weight: 700; line-height: 1.2; margin-bottom: 10px; }
.about-stat span { font-size: 12px; color: #4b6676; line-height: 1.7; display: block; }
.about-details { border-top: 1px solid #d7e4ec; margin-top: 22px; padding-top: 16px; }
.about-details summary { cursor: pointer; font-size: 12px; font-weight: 600; color: #37647c; line-height: 1.7; }
.about-direction-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 24px; margin-top: 18px; }
.about-direction-grid > div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #d7e4ec; font-size: 13px; }
.about-direction-grid dd { color: #21526d; font-weight: 600; }
.about-guide { position: relative; width: 100%; overflow: hidden; display: flex; flex-direction: column; }
.about-guide-photo > img { width: 100%; height: 260px; object-fit: cover; object-position: center 30%; background: #e5eef3; }
.about-guide-content { padding: 22px; flex: 1 1 auto; display: flex; flex-direction: column; }
.about-guide-role { color: #5f7c8e; font-size: 12px; margin: 7px 0 18px; }
.about-guide-info { display: grid; gap: 8px; font-size: 12px; }
.about-guide-info > div { display: flex; justify-content: space-between; gap: 14px; line-height: 1.7; }
.about-guide-info dt { color: #67808e; flex-shrink: 0; }
.about-guide-info dd { color: #294f64; text-align: right; }
.about-review-list { display: grid; gap: 14px; margin-top: 16px; }
.about-review-list blockquote { border-left: 2px solid #8bc8e1; padding-left: 14px; color: #4b6370; font-size: 12px; line-height: 1.8; }
.about-review-list cite { display: block; margin-top: 6px; font-style: normal; font-weight: 600; color: #294f64; }
.about-main a:focus-visible,.about-main summary:focus-visible { outline: 3px solid #23b0eb; outline-offset: 5px; border-radius: 4px; }
@media (max-width: 1023px) {
 .about-main { padding: 28px; }
 .about-intro { gap: 28px; }
 .about-service-grid,.about-team-grid { gap: 14px; }
 .about-service,.about-guide-content { padding: 18px; }
 .about-guide-photo > img { height: 210px; }
}
@media (max-width: 767px) {
 .about-main { padding: 24px 20px 36px; }
 .about-intro { grid-template-columns: 1fr; gap: 28px; }
 .about-intro > .about-photo { order: -1; }
 .about-photo,.about-photo > img { height: 280px; min-height: 280px; }
 .about-lead { font-size: 16px; }
 .about-service-grid,.about-team-grid { grid-template-columns: 1fr; }
 .about-services,.about-results,.about-team { margin-top: 36px; padding-top: 28px; }
 .about-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
 .about-stat { padding: 18px; }
 .about-direction-grid { grid-template-columns: 1fr; }
 .about-guide-photo > img { height: 300px; }
}
@media (max-width: 359px) { .about-stat-grid { grid-template-columns: 1fr; } }

/* Social links sit above the card's independent profile link. */
.about-guide-photo { position: relative; width: 100%; }
.about-guide-photo > img { display: block; }
.guide-profile-link { color: inherit; text-decoration: none; }
.guide-profile-link::after { content: ''; position: absolute; inset: 0; z-index: 1; border-radius: 18px; }
.guide-profile-link:focus-visible { outline: none; }
.guide-profile-link:focus-visible::after { outline: 3px solid #23b0eb; outline-offset: -3px; }
.about-guide:has(.guide-profile-link):hover { border-color: #91bdd3; box-shadow: 0 10px 26px #21526d12; }
.about-guide .about-details { position: relative; z-index: 2; margin-top: auto; }
.guide-socials { position: absolute; right: 14px; bottom: 14px; z-index: 3; display: flex; flex-wrap: wrap; gap: 8px; max-width: calc(100% - 28px); }
.guide-social { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #ffffffb3; border-radius: 12px; background: #fff; box-shadow: 0 3px 14px #17374b26; transition: transform .2s, background .2s, color .2s; }
.guide-social svg { width: 21px; height: 21px; }
.guide-social--instagram { color: #b33b75; }
.guide-social--facebook { color: #1877f2; }
.guide-social--viber { color: #7360a8; }
.guide-social--unavailable { opacity: .6; filter: grayscale(1); cursor: default; }
.guide-social:not(.guide-social--unavailable):hover { transform: translateY(-2px); background: #edf5fb; }
.guide-social:focus-visible { outline: 3px solid #23b0eb; outline-offset: 3px; }
.guide-profile-main { max-width: 1248px; margin: 0 auto; }
.guide-profile-layout { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); align-items: start; gap: 36px; }
.guide-profile-copy { padding: 32px; border: 1px solid #dce7ed; border-radius: 22px; background: #ffffffc9; }
.guide-profile-copy h1 { margin: 0; font-size: clamp(26px, 3vw, 40px); line-height: 1.4; color: #183f55; font-weight: 700; }
.guide-profile-role { margin-top: 12px; color: #627e8e; font-size: 14px; line-height: 1.8; }
.guide-profile-bio, .guide-profile-reviews { margin-top: 28px; padding-top: 24px; border-top: 1px solid #dce7ed; }
.guide-profile-copy h2 { color: #244c62; font-size: 18px; font-weight: 600; line-height: 1.6; }
.guide-profile-copy h2 span { color: #627e8e; }
.guide-profile-bio p { margin-top: 12px; font-size: 14px; line-height: 1.9; white-space: pre-line; overflow-wrap: anywhere; color: #4b6370; }
.guide-profile-empty { margin-top: 14px; font-size: 13px; line-height: 1.8; color: #627e8e; }
@media (max-width: 767px) { .guide-profile-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; } .guide-profile-copy { padding: 24px; } }
@media (prefers-reduced-motion: reduce) { .guide-social { transition: none; } .guide-social:hover { transform: none; } }
.guide-review-link{display:inline-flex;align-items:center;gap:9px;margin-top:15px;color:#21526d;font-size:12px;font-weight:600;text-decoration:none}.guide-review-link span{padding:4px 7px;background:#edf7f0;color:#42785b;border-radius:999px;font-size:10px}
.guide-review-author{display:flex;align-items:center;gap:8px;margin-bottom:8px}.guide-review-author img,.guide-review-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.guide-review-avatar{display:grid;place-items:center;background:#eaf2f7;color:#688393}.about-review-list .guide-review-author cite{margin:0}.guide-review-stars{margin-left:auto;color:#b9852b;font-size:11px;letter-spacing:1px}.guide-profile-reviews .home-review-write{margin-top:14px}

/* Guide profile reviews as compact message bubbles. */
.guide-chat-list{display:flex;flex-direction:column;gap:20px;margin-top:22px;padding:20px;border:1px solid #e3edf2;border-radius:22px;background:linear-gradient(145deg,#f8fbfd,#f2f7fa)}
.guide-chat-message{display:flex;align-items:flex-end;gap:10px;min-width:0}
.guide-chat-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 34px}.guide-chat-initial{display:grid;place-items:center;background:#dfeaf1;color:#53798e;font-size:13px;font-weight:600}
.guide-chat-content{max-width:85%;min-width:0}.guide-chat-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 6px 3px;font-size:11px;color:#607c8d}.guide-chat-meta strong{font-weight:500}.guide-chat-stars{color:#b48c49;font-size:10px;letter-spacing:1px}
.guide-chat-bubble{position:relative;border:1px solid #e0eaf0;border-radius:18px 18px 18px 5px;background:#fff;padding:12px 16px;box-shadow:0 3px 10px #21526d05}.guide-chat-bubble p{margin:0;color:#3e5e70;font-size:13px;line-height:1.85;overflow-wrap:anywhere}
.guide-chat-message-own{flex-direction:row-reverse}.guide-chat-message-own .guide-chat-meta{justify-content:flex-end;margin-right:3px}.guide-chat-message-own .guide-chat-bubble{border-color:#21526d;background:#21526d;border-radius:18px 18px 5px 18px}.guide-chat-message-own .guide-chat-bubble p{color:#fff}
.guide-chat-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:16px}.guide-chat-status{width:100%;text-align:center;font-size:11px;color:#688393}.guide-chat-status:empty{display:none}.guide-chat-more{display:inline-flex;align-items:center;gap:12px;padding:10px 20px;border:1px solid #d7e6ee;border-radius:999px;background:#fff;color:#21526d;font-size:12px;font-weight:600;text-decoration:none}.guide-chat-more:hover{background:#edf5f9}.guide-chat-more[aria-disabled=true]{opacity:.6;cursor:wait}.guide-chat-latest{font-size:12px;color:#688393}.guide-chat-more:focus-visible{outline:3px solid #a4c8d9;outline-offset:3px}
@media(max-width:600px){.guide-chat-list{padding:14px;gap:17px;border-radius:18px}.guide-chat-avatar{width:28px;height:28px;flex-basis:28px}.guide-chat-content{max-width:calc(100% - 38px)}.guide-chat-bubble{padding:10px 13px}.guide-chat-bubble p{font-size:12px}}

/* About statistics use the same spacing and card system as the company page. */
.about-metric-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.about-metric-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;border:1px solid #dce8ee;border-radius:18px;background:#ffffffc9}
.about-metric-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:18px;border-radius:11px;background:#edf5f8;color:#527c92;font-size:18px}
.about-metric-card strong{font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.035em;color:#21526d}
.about-metric-card p{margin:9px 0 18px;font-size:12px;line-height:1.7;color:#678291;min-height:40px}
.about-metric-line{height:4px;width:100%;margin-top:auto;background:#edf3f6;border-radius:9px;overflow:hidden}.about-metric-line i{display:block;height:100%;border-radius:9px;background:#95b7c8}
.about-stat-summary{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:16px;margin-top:16px}
.about-traveler-total{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;border:1px solid #d4e5ed;border-radius:18px;background:linear-gradient(130deg,#e3f0f6,#f1f7fa)}
.about-traveler-total>.material-symbols-outlined{font-size:24px;color:#749aaf;margin-bottom:16px}.about-traveler-total strong{font-size:42px;font-weight:600;line-height:1.2;letter-spacing:-.04em;color:#21526d}.about-traveler-total p{font-size:13px;line-height:1.6;margin-top:10px;color:#5d7c8e}.about-total-decoration{position:absolute;bottom:-20px;right:12px;font-size:170px;line-height:1;color:#cfe3ed80;pointer-events:none}
.about-destination-stats{padding:26px;border:1px solid #dce8ee;border-radius:18px;background:#ffffffc9}.about-destination-stats h3{font-size:15px;color:#355d73;font-weight:600;margin-bottom:22px}.about-destination-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}.about-destination-bar>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#678291;margin-bottom:8px}.about-destination-bar strong{font-size:12px;font-weight:600;color:#355d73}.about-destination-track{height:6px;background:#edf3f6;border-radius:9px;overflow:hidden}.about-destination-track i{display:block;height:100%;border-radius:9px;background:#94b6c7}
@media(max-width:1000px){.about-metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.about-stat-summary{grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr)}.about-destination-bars{grid-template-columns:1fr}}
@media(max-width:600px){.about-metric-cards{gap:10px}.about-metric-card{padding:16px}.about-metric-card strong{font-size:26px}.about-metric-card p{font-size:11px;margin-bottom:13px}.about-metric-icon{margin-bottom:12px}.about-stat-summary{grid-template-columns:1fr;gap:10px;margin-top:10px}.about-traveler-total{padding:22px}.about-traveler-total strong{font-size:35px}.about-destination-stats{padding:20px}.about-destination-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}}

/* Messenger-like review conversation, without making the profile taller. */
.guide-chat-list{background:#fff;border:1px solid #e5ebef;padding:24px;gap:22px;max-height:480px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8d9e3 transparent}
.guide-chat-content{max-width:78%}.guide-chat-meta{color:#7a8d9c;font-size:11px;margin-left:12px;margin-bottom:5px}.guide-chat-meta strong{color:#607787;font-weight:500}
.guide-chat-avatar{width:36px;height:36px;flex-basis:36px}.guide-chat-initial{background:#e6eef4;color:#628397}
.guide-chat-bubble{background:#edf0f4;border:0;border-radius:19px 19px 19px 5px;padding:12px 16px;box-shadow:none}.guide-chat-bubble p{color:#21526d;font-size:13px;line-height:1.75}
.guide-chat-message-own .guide-chat-bubble{background:linear-gradient(135deg,#2875a1,#21526d);border:0;border-radius:19px 19px 5px 19px}.guide-chat-message-own .guide-chat-meta{margin-right:12px}
.guide-chat-message{animation:guide-message-arrive .25s ease-out both}.guide-chat-message-own{animation-name:guide-message-own-arrive}
.guide-chat-compose{margin-top:18px;border-top:1px solid #e6edf1;padding-top:16px}.guide-chat-compose .home-review-write{display:flex;justify-content:space-between;width:100%;margin-top:0;padding:13px 18px;background:#f5f8fa;border-color:#e2eaf0;border-radius:999px;color:#688393;font-weight:500}.guide-chat-compose .home-review-write:hover{background:#edf4f8;border-color:#c8dce6}
@keyframes guide-message-arrive{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@keyframes guide-message-own-arrive{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.guide-chat-list{padding:16px;gap:18px;max-height:420px}.guide-chat-content{max-width:calc(100% - 44px)}.guide-chat-avatar{width:30px;height:30px;flex-basis:30px}.guide-chat-bubble{padding:11px 14px}.guide-chat-bubble p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.guide-chat-message{animation:none}}
.about-statistics .about-section-head h2{font-size:clamp(20px,2.3vw,25px)!important;text-transform:none!important;line-height:1.5}

/* Guide's accumulated score sits in the photo's top-right corner. */
.guide-score-badge{position:absolute;top:14px;right:14px;z-index:3;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffffa6;border-radius:13px;background:#ffffffed;box-shadow:0 4px 14px #183f5614;color:#21526d;pointer-events:none}
.guide-score-badge>span{color:#d29b37;font-size:20px;line-height:1}
.guide-score-badge strong{display:block;font-size:17px;font-weight:700;line-height:1.2}
.guide-score-badge small{display:block;margin-top:3px;color:#67808e;font-size:9px;line-height:1.3}
@media(max-width:600px){.guide-score-badge{top:9px;right:9px;padding:7px 9px;gap:6px;border-radius:10px}.guide-score-badge strong{font-size:14px}.guide-score-badge>span{font-size:17px}.guide-score-badge small{font-size:8px}}

/* Separate About statistics from service cards. */
.ap-about-page .about-services + .home-trust{margin-top:40px}
@media(max-width:767px){.ap-about-page .about-services + .home-trust{margin-top:28px}}

/* About introduction follows the page background, including pasted editor styles. */
.about-intro .about-prose { background-color: transparent; }

/* Keep guide details in a readable label-then-value order on narrow cards. */
.about-guide-info > div { display: block; text-align: left; }
.about-guide-info dt,
.about-guide-info dd { display: inline; text-align: left; }
.about-guide-info dd { margin-left: 5px; overflow-wrap: anywhere; }
.about-guide-content h3 { overflow-wrap: anywhere; }
.about-guide .guide-card-reviews-link { position: relative; z-index: 2; align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; color: #52788d; font-size: 12px; line-height: 1.5; text-decoration: none; }
.about-guide .guide-card-reviews-link::before { content: '▸'; font-size: 14px; }
.about-guide .guide-card-reviews-link:hover { color: #21526d; text-decoration: underline; }
.about-guide .guide-card-reviews-link:focus-visible { outline: 3px solid #a4c8d9; outline-offset: 3px; border-radius: 4px; }
.guide-profile-reviews { scroll-margin-top: 120px; }