/* The field-guide visual language, adapted to directories and longer reference pages. */
html:has(.editorial-page){background:#F7F5F1;color-scheme:light}
body.editorial-page{--paper:#F7F5F1;--paper-muted:#5E5970;--paper-line:#E2DED6;--ink:#17141F;--ivory:#F7F5F1;background:#F7F5F1;color:#17141F;max-width:1240px;margin:24px auto;border:1px solid #E2DED6;border-radius:14px;overflow-x:clip}
.editorial-page::before{display:none}
.editorial-page .container{width:100%;max-width:none;padding-inline:40px}
.editorial-page .site-header{position:relative;inset:auto;background:transparent;border-bottom:1px solid #E2DED6;backdrop-filter:none}
.editorial-page .nav{min-height:80px;padding:18px 40px;max-width:none;width:100%;gap:20px}
.editorial-page .site-header .glottie-brand{color:#17141F}
.editorial-page .site-header .glottie-brand img,.editorial-page .site-footer .glottie-brand img{display:none}
.editorial-page .site-header .glottie-brand span.glottie-wordmark{font-size:36px}
.editorial-page .pair-nav-home,.editorial-page .pair-locale-current{color:#17141F;font-size:12px}
.editorial-page .locale-switcher>summary{color:#17141F;border:1px solid #E2DED6;background:transparent;font-size:11px}
.editorial-page .locale-menu{background:#FFD9CC;color:#17141F;border-color:#E2DED6;z-index:100}
.editorial-page .locale-menu a{color:#17141F}
.editorial-page .locale-menu a:hover{background:#FFD9CC}
.editorial-page .pair-hero{background:#F7F5F1;color:#17141F;padding:0;border-bottom:1px solid #E2DED6}
.editorial-page .pair-hero-grid{padding:0;gap:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.editorial-page .pair-hero-copy,.editorial-page .pair-index-copy{padding:48px 38px;align-self:center;min-width:0}
.editorial-page .pair-hero h1{color:#17141F;font:400 clamp(40px,4.5vw,64px)/1.06 var(--serif);letter-spacing:-.04em;text-wrap:balance;margin:20px 0 22px;max-width:17ch}
.editorial-page .pair-lead{font-size:16px;line-height:1.65;color:#5E5970;max-width:49ch}
.editorial-page .eyebrow,.editorial-page .pair-hero .eyebrow{color:#C9380F;font-size:10px;letter-spacing:.11em}
.editorial-page .pair-breadcrumb{color:#6E6982;font-size:11px;margin:0 0 14px}
.editorial-page .pair-breadcrumb a,.editorial-page .pair-breadcrumb strong{color:inherit}
.editorial-page .pair-pill{background:transparent;color:#17141F;border-color:#CFCAC0;font-size:11px;padding:9px 12px}
.editorial-page .pair-pill strong{color:inherit}
.editorial-page .pair-open-link{color:#5E5970;white-space:normal;font-size:12px}
.editorial-page .pair-available{font-size:11px;color:#6E6982}
.editorial-page .pair-hero-actions{gap:18px;margin-top:22px}
.editorial-page .pair-hero-actions .app-store-badge{--badge-height:42px}
.editorial-page .pair-hero-art:has(.editorial-hero-image){height:100%;min-height:520px}
.editorial-page .editorial-hero-image{border-radius:0;height:100%;min-height:520px}
.editorial-page .editorial-hero-image img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;position:absolute;inset:0}
.editorial-page .pair-section{background:#F7F5F1;padding-block:46px;border-color:#E2DED6}
.editorial-page .pair-section h2,.editorial-page .pair-final h2{font:400 clamp(28px,3vw,40px)/1.13 var(--serif);color:#17141F;letter-spacing:-.03em}
.editorial-page .pair-section-lead{font-size:15px;line-height:1.7}
.editorial-page .pair-card-grid{gap:0}
.editorial-page .pair-card{border:0;border-radius:0;border-inline-start:1px solid #E2DED6;background:none;padding:12px 26px}
.editorial-page .pair-card:first-child{border-inline-start:0;padding-inline-start:0}
.editorial-page .pair-card h3{font:400 25px/1.2 var(--serif);color:#17141F}
.editorial-page .pair-card p{font-size:14px;line-height:1.65}
.editorial-page .pair-card-mark{color:#E84A1E;font-size:10px}
.editorial-page .pair-profile-card{border-radius:8px;box-shadow:none;background:#FFD9CC}
.editorial-page .pair-profile-card>div{background:transparent}
.editorial-page .pair-example .container{border-block:1px solid #E2DED6;padding-block:32px}
.editorial-page .pair-phrase-card{position:relative;padding:26px;background:none;border:0;border-radius:0;box-shadow:none}
.editorial-page .pair-phrase-card blockquote{font:800 32px/1.3 var(--display, var(--serif));color:#17141F;max-width:85%}
.editorial-page .editorial-ornament{float:inline-end;width:110px;height:130px;object-fit:contain;margin-inline-start:18px}
.editorial-page .pair-steps li{padding:20px 0}
.editorial-page .pair-steps h3{font:400 24px/1.2 var(--serif)}
.editorial-page .pair-step-number{color:#C9380F;background:none;border:0}
.editorial-page .pair-faq-list summary{font-weight:400;font-size:15px;padding-block:19px}
.editorial-page .pair-faq-list details{border-radius:0;margin:0;border:0;border-bottom:1px solid #E2DED6}
.editorial-page .pair-faq-list p{font-size:15px;line-height:1.75}
.editorial-page .pair-product-proof{margin:24px 40px;padding:36px 0 0;border-radius:10px;background:#FFD9CC;overflow:hidden}
.editorial-page .pair-product-proof-grid{grid-template-columns:1.5fr .65fr;gap:35px}
.editorial-page .product-proof-phone{order:2;align-self:end;max-height:300px;overflow:hidden}
.editorial-page .pair-product-proof .pair-final-card{order:1;align-self:center;padding-bottom:35px}
.editorial-page .pair-product-proof .pair-final-card h2{color:#17141F;font-size:36px}
.editorial-page .pair-product-proof .pair-final-card p:not(.eyebrow){color:#5E5970;font-size:14px}
.editorial-page .pair-product-proof .pair-final-card .eyebrow{color:#C9380F}
.editorial-page .pair-product-proof .pair-open-link{color:#5E5970}
.editorial-page .product-proof-phone .device-frame{width:210px;box-shadow:none}
.editorial-page .site-footer{background:transparent;color:#17141F;padding:36px 0 20px;border-top:1px solid #E2DED6}
.editorial-page .site-footer .glottie-brand{color:#17141F}
.editorial-page .footer-grid{gap:26px;grid-template-columns:1.2fr repeat(4,minmax(0,1fr))}
.editorial-page .footer-grid .footer-brand p,.editorial-page .footer-grid .footer-brand span:not(.glottie-wordmark){color:#6E6982;font-size:12px}
.editorial-page .footer-column a{color:#5E5970;font-size:11px}
.editorial-page .footer-column h2{color:#C9380F;font-size:9px}
.editorial-page .footer-bottom{color:#6E6982;border-color:#E2DED6;font-size:10px;margin-top:25px}
.editorial-page .pair-language-card{background:transparent;border:0;border-bottom:1px solid #E2DED6;border-radius:0;min-height:0;padding:24px 10px}
.editorial-page .pair-language-grid{gap:0 28px}
.editorial-page .pair-language-card strong{color:#17141F}
.editorial-page .directory-search input{background:#FFD9CC;border-color:#CFCAC0;border-radius:5px}
.editorial-page .guide-layout{padding:40px;gap:40px;grid-template-columns:230px minmax(0,1fr)}
.editorial-page .guide-contents{font-size:13px;background:none;border:0;border-inline-end:1px solid #E2DED6;border-radius:0;padding:10px 25px 10px 0}
.editorial-page .guide-contents a{color:#5E5970}
.editorial-page .guide-article{min-width:0}
.editorial-page .guide-section{margin-bottom:36px}
.editorial-page .guide-section h2{font-size:32px;color:#17141F}
.editorial-page .guide-section p{font-size:16px;line-height:1.8;color:#5E5970}
.editorial-page .editorial-article-ornament{float:inline-end;object-fit:contain;width:125px;height:125px;margin:0 0 20px 25px}
.editorial-page .scenario-guide-grid,.editorial-page .discovery-grid{gap:25px}
.editorial-page :is(.tutor-evidence,.tutor-personal,.tutor-comparison){padding-block:46px}
.editorial-page :is(.tutor-evidence,.tutor-personal){background:#F7F5F1;border-top:1px solid #E2DED6}
.editorial-page :is(.tutor-evidence,.tutor-personal,.tutor-comparison) h2{font-size:38px;letter-spacing:-.03em}
.editorial-page :is(.tutor-evidence,.tutor-personal,.tutor-comparison) p{font-size:15px}
.editorial-page .tutor-speaking-hero{margin-bottom:35px}
.editorial-page .tutor-personal-heading>img{border-radius:3px;aspect-ratio:1.5;max-height:330px}
.editorial-page .tutor-feature-grid{gap:24px 36px;margin-top:32px}
.editorial-page .tutor-feature-grid h3{font:400 24px/1.2 var(--serif)}
.editorial-page .tutor-voice{margin-top:30px;padding:28px}
.editorial-page .tutor-comparison{margin:20px 40px;border-radius:10px;padding-block:32px}
.editorial-page .tutor-metrics{margin:28px 0 24px}
.editorial-page .tutor-research-cards article{padding:24px;border-radius:4px}
.editorial-page .tutor-orbit-labels li{background:#F7F5F1}
@media(max-width:900px){body.editorial-page{margin:12px}.editorial-page .nav{padding-inline:25px}.editorial-page .pair-hero-copy,.editorial-page .pair-index-copy{padding:32px 25px}.editorial-page .container{padding-inline:25px}.editorial-page .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-page .guide-layout{grid-template-columns:180px minmax(0,1fr);padding:30px 25px;gap:25px}}
@media(max-width:760px){body.editorial-page{margin:8px;border-radius:10px}.editorial-page .nav{min-height:68px;padding:16px 22px;gap:14px}.editorial-page .pair-nav-actions{gap:8px}.editorial-page .pair-nav-home{display:none}.editorial-page .pair-hero-grid{grid-template-columns:minmax(0,1fr);padding:0;gap:0}.editorial-page .pair-hero h1{font-size:42px;max-width:19ch}.editorial-page .pair-hero-copy,.editorial-page .pair-index-copy{padding:36px 24px}.editorial-page .pair-hero-art:has(.editorial-hero-image),.editorial-page .editorial-hero-image{min-height:0;height:330px}.editorial-page .editorial-hero-image img{position:static;min-height:0;height:330px}.editorial-page .container{padding-inline:24px}.editorial-page .pair-section{padding-block:32px}.editorial-page .pair-card-grid{grid-template-columns:minmax(0,1fr)}.editorial-page .pair-card{padding:22px 0;border-inline-start:0;border-bottom:1px solid #E2DED6}.editorial-page .pair-product-proof{margin:20px 20px 30px;padding-top:26px}.editorial-page .pair-product-proof-grid{grid-template-columns:minmax(0,1fr);gap:0}.editorial-page .product-proof-phone{max-height:210px}.editorial-page .pair-product-proof .pair-final-card h2{font-size:30px}.editorial-page .pair-phrase-card{padding:20px 0}.editorial-page .pair-phrase-card blockquote{font-size:28px;max-width:100%}.editorial-page .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-page .footer-brand{grid-column:1/-1}.editorial-page .guide-layout{grid-template-columns:minmax(0,1fr);padding:28px 24px}.editorial-page .guide-contents{border-inline-end:0;border-bottom:1px solid #E2DED6;padding:0 0 20px}.editorial-page .guide-section h2{font-size:29px}.editorial-page .editorial-article-ornament{width:80px;height:100px}.editorial-page .tutor-comparison{margin:20px 12px}.editorial-page :is(.tutor-evidence,.tutor-personal,.tutor-comparison) h2{font-size:32px}.editorial-page .tutor-voice{padding:23px}.editorial-page .tutor-speaking-hero{gap:20px}.editorial-page .tutor-voice-orbit{max-height:340px}.editorial-page .pair-language-grid{grid-template-columns:minmax(0,1fr)}}
.editorial-page .editorial-hero-image{width:100%;max-width:none}
.editorial-page .site-header .glottie-brand>img{display:none!important}
.editorial-page .pair-hero::before,.editorial-page .pair-hero::after{display:none}
.editorial-page .pair-language-card:has(.editorial-directory-thumb){padding-inline-start:108px;min-height:126px;justify-content:center;position:relative}
.editorial-page .editorial-directory-thumb{position:absolute;inset-inline-start:0;top:20px;width:86px;height:86px;object-fit:cover;border-radius:50% 50% 8px 8px}
.editorial-page .pair-language-card:has(.editorial-directory-thumb) strong{font-size:23px}
.editorial-page .pair-index-count{color:#6E6982;font-size:12px}
/* Keep the price graphic's light labels on its intentional green surface. */
.editorial-page .pair-section.tutor-comparison{background:#17141F;color:#FFD9CC}
.editorial-page .pair-section.tutor-comparison h2{color:#FFD9CC}
.editorial-page .pair-section.tutor-comparison p{color:#CFCAC0}
.editorial-page .pair-section.tutor-comparison .eyebrow{color:#FF7A4D}
.editorial-page .pair-section.tutor-comparison .tutor-smallprint{color:#CFCAC0}
.editorial-page .pair-section .tutor-voice h2{color:#FFD9CC}
.editorial-page .pair-section .tutor-voice p{color:#CFCAC0}
.editorial-page .site-footer .glottie-brand span.glottie-wordmark{color:#17141F}
.editorial-page .pair-index-note{color:#6E6982}
@media(prefers-reduced-motion:reduce){html:has(.editorial-page){scroll-behavior:auto}.editorial-page *{scroll-behavior:auto;transition:none;animation:none}}
.editorial-page .pair-section .tutor-voice .eyebrow{color:#FF7A4D}
.editorial-page .container.pair-hero-grid{padding:0}
.editorial-page .live-demo{padding-block:42px;border-bottom:1px solid #E2DED6}
.editorial-page .live-demo h2{font-size:38px;color:#17141F}
.editorial-page .live-demo-intro{font-size:15px;color:#5E5970}
@media(max-width:760px){.editorial-page .live-demo h2{font-size:32px}}