/* Hypermobility journal extension: scoped, static-first and responsive. */
.hyper-post{--hyper-ink:#032a40;--hyper-accent:#007dcc;--hyper-soft:#78d0e7}
.hyper-post a:focus-visible{outline:3px solid #007dcc;outline-offset:5px}
.hyper-post .blog-hero a:focus-visible,.hyper-post .blog-sidebar a:focus-visible{outline-color:#78d0e7}
.hyper-hero{padding-top:clamp(10.5rem,14vw,13rem);background:radial-gradient(ellipse at 90% 10%,#096b843d,transparent 55%),linear-gradient(145deg,#032a40,#073b54)}
.hyper-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;color:#bad3df;font-size:.875rem;margin-bottom:2.6rem}
.hyper-breadcrumb a{color:#e0f4fc;text-decoration:none}
.hyper-breadcrumb a:hover{text-decoration:underline}
.hyper-post .blog-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,4vw,4.5rem)}
.hyper-hero__copy{display:grid;gap:1.2rem}
.hyper-post .blog-hero .display{font-size:clamp(2.8rem,4.65vw,4.9rem);line-height:1.05;max-width:14ch}
.hyper-post .blog-hero .display span{color:#9ee4f2}
.hyper-deck{font-family:var(--font-serif);font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.3;margin:0;color:#e1f2f7;max-width:27ch}
.hyper-post .blog-lede{font-size:1.0625rem;max-width:49ch;line-height:1.75}
.hyper-post .blog-meta{margin-top:.3rem}
.hyper-byline{color:#bcd8e3;font-size:.875rem;line-height:1.65;margin:0}
.hyper-byline a{color:#fff;text-underline-offset:4px}
.hyper-post .hyper-hero__figure{padding:0;background:#072d42;border:1px solid #8bd6eb40;overflow:hidden;box-shadow:0 2rem 4rem #00151f50}
.hyper-hero__figure img{aspect-ratio:3/2;object-fit:cover}
.hyper-post .hyper-hero__figure figcaption{margin:0;padding:1.2rem 1.4rem;font-size:.875rem;line-height:1.6;color:#c5e2ec}
.hyper-hero__figure figcaption span,.hyper-editorial-photo figcaption span{display:block;color:#87d9ed;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700;margin-bottom:.25rem}
.hyper-takeaways{background:#eaf5fa;border-bottom:1px solid #d4e5ed}
.hyper-takeaways__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-block:2.2rem}
.hyper-takeaways__grid>div{padding-right:1.5rem;border-right:1px solid #c0d7e3}
.hyper-takeaways__grid>div:last-child{border:0}
.hyper-label,.hyper-post .blog-content .hyper-label{display:block;font-size:.75rem;line-height:1.5;font-weight:750;text-transform:uppercase;letter-spacing:.13em;color:#075d7a;margin:0 0 .7rem}
.hyper-takeaways strong{display:block;font-family:var(--font-serif);font-size:1.45rem;font-weight:500;line-height:1.2;color:#032a40}
.hyper-takeaways p{font-size:.9375rem;color:#456371;line-height:1.55;margin:.5rem 0 0}
.hyper-post .blog-article__grid{grid-template-columns:minmax(0,1fr) 15rem;gap:clamp(2rem,5vw,4.8rem)}
.hyper-post .blog-content section{border:0;box-shadow:none;border-bottom:1px solid #d2e3eb;border-radius:0;background:transparent;padding:0 0 2.8rem;margin-bottom:2.8rem;scroll-margin-top:8.5rem}
.hyper-post .blog-content h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.9rem,2.7vw,2.5rem);line-height:1.13;letter-spacing:-.02em}
.hyper-post .blog-content h3{font-size:1.15rem;line-height:1.35;margin:0 0 .7rem}
.hyper-post .blog-content p{font-size:1.0625rem;line-height:1.8}
.hyper-post .blog-content a{color:#096695;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.hyper-post .blog-content a:hover{color:#032a40}
.hyper-post .blog-content .hyper-note{font-size:.875rem;line-height:1.65;color:#526d7b}
.hyper-table-wrap{margin:1.5rem 0;border:1px solid #b8d1df;background:#fff}
.hyper-score-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9375rem;line-height:1.6}
.hyper-score-table caption{text-align:left;background:#032a40;color:#fff;padding:1rem 1.2rem;font-weight:650}
.hyper-score-table th,.hyper-score-table td{padding:.95rem 1.2rem;border-bottom:1px solid #d6e5ed;vertical-align:top}
.hyper-score-table thead th{background:#e9f5fa;color:#174459;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}
.hyper-score-table tbody th{font-weight:500;color:#183e52;width:66%}
.hyper-score-table td{color:#315c70}
.hyper-score-table tfoot th,.hyper-score-table tfoot td{background:#dff1f8;border-bottom:0;color:#032a40;font-weight:750}
.hyper-callout{background:#e8f4fa;border-left:3px solid #007dcc;padding:1.4rem 1.5rem;margin:1.5rem 0}
.hyper-post .hyper-callout h3{font-family:var(--font-serif);font-size:1.45rem;font-weight:500}
.hyper-post .hyper-callout p{font-size:1rem;margin:0}
.hyper-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1.8rem 0}
.hyper-pair>div{padding:1.4rem;background:#fff;border-top:2px solid #007dcc}
.hyper-post .hyper-pair p{font-size:1rem;margin:0}
.hyper-post .hyper-assessment-steps{list-style:none;counter-reset:assess;padding:0;gap:1rem;margin:1.5rem 0}
.hyper-assessment-steps li{counter-increment:assess;position:relative;padding:1rem 1.2rem 1rem 3.8rem;background:#fff;line-height:1.75;border:1px solid #d7e7ee}
.hyper-assessment-steps li::before{content:counter(assess,decimal-leading-zero);position:absolute;left:1rem;top:1.1rem;font-size:.875rem;font-weight:750;color:#007dcc}
.hyper-assessment-steps strong{display:block}
.hyper-editorial-photo{margin:1.7rem 0;background:#032a40}
.hyper-editorial-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2}
.hyper-editorial-photo figcaption{padding:1rem 1.2rem;color:#e0f3fa;font-size:.875rem;line-height:1.6}
.hyper-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.hyper-principles>div{padding:1.15rem;background:#edf7fb;border-top:1px solid #91c8df}
.hyper-principles span{display:block;font-family:var(--font-serif);font-size:2rem;color:#007dcc;line-height:1;margin-bottom:1.1rem}
.hyper-post .hyper-principles h3{font-size:1rem}
.hyper-post .hyper-principles p{font-size:.9375rem;line-height:1.7;margin:0}
.hyper-faq details{border-top:1px solid #cedfe8;padding:1.1rem 0}
.hyper-faq details:last-child{border-bottom:1px solid #cedfe8}
.hyper-faq summary{font-weight:650;color:#153e53;font-size:1.0625rem;line-height:1.5;cursor:pointer;padding-right:1rem}
.hyper-faq summary::marker{color:#007dcc}
.hyper-post .hyper-faq p{margin:1rem 0 0}
.hyper-post .blog-content .hyper-bottom-line{background:#032a40;color:#fff;padding:clamp(1.6rem,3vw,2.5rem);border:0}
.hyper-post .hyper-bottom-line h2{color:#fff;font-size:clamp(2rem,3vw,2.7rem);line-height:1.12}
.hyper-post .hyper-bottom-line p{color:#cee6f1}
.hyper-post .hyper-bottom-line .hyper-label{color:#8ddbee}
.hyper-post .blog-sidebar{top:8rem}
.hyper-post .blog-sidebar__box{padding:1.5rem;background:#032a40;box-shadow:none}
.hyper-post .blog-sidebar a{font-size:.9375rem;padding:.15rem 0}
.hyper-sidebar-note{border-top:1px solid #78d0e73d;padding-top:1.2rem;margin:1.3rem 0 0;color:#9edceb;font-family:var(--font-serif);font-size:1.3rem;line-height:1.3}
.hyper-post .blog-references li{font-size:.9375rem;line-height:1.75;scroll-margin-top:9rem}
.hyper-post .blog-reading-progress__badge{top:auto;bottom:1.15rem;left:1rem;right:auto}
.hyper-post .blog-cta__card .eyebrow{color:#8ddbee;font-size:.8125rem}
.hyper-post .blog-cta__card h2{font-family:var(--font-serif);font-weight:500}
@media(max-width:1100px){.hyper-post .blog-article__grid{gap:2rem;grid-template-columns:minmax(0,1fr) 13rem}.hyper-principles{grid-template-columns:1fr}.hyper-principles>div{display:grid;grid-template-columns:2rem 1fr;gap:.4rem .8rem}.hyper-principles span{grid-row:span 2;margin:0}.hyper-principles h3{margin:0}.hyper-post .blog-hero .display{font-size:clamp(2.75rem,5vw,4.5rem)}}
@media(max-width:980px){.hyper-post .blog-hero__grid,.hyper-post .blog-article__grid{grid-template-columns:minmax(0,1fr)}.hyper-post .blog-sidebar{display:none}.hyper-hero__copy{max-width:44rem}.hyper-post .blog-hero .display{max-width:20ch;font-size:clamp(2.7rem,7vw,4.6rem)}.hyper-post .blog-hero__figure{max-width:48rem}.hyper-takeaways__grid{gap:1.2rem}.hyper-takeaways strong{font-size:1.25rem}.hyper-takeaways__grid>div{padding-right:.8rem}}
@media(max-width:680px){.hyper-hero{padding-top:10.3rem}.hyper-breadcrumb{margin-bottom:1.8rem;font-size:.8125rem}.hyper-post .blog-hero .display{font-size:clamp(2.5rem,10vw,3.65rem);overflow-wrap:normal}.hyper-hero__copy{gap:1.1rem}.hyper-takeaways__grid,.hyper-pair{grid-template-columns:minmax(0,1fr)}.hyper-takeaways__grid>div{border:0;border-bottom:1px solid #c0d7e3;padding:0 0 1.2rem}.hyper-takeaways__grid>div:last-child{padding-bottom:0}.hyper-takeaways strong{font-size:1.4rem}.hyper-score-table th,.hyper-score-table td{padding:.8rem .7rem}.hyper-score-table{font-size:.875rem}.hyper-score-table caption{padding:.9rem .7rem}.hyper-post .blog-content p{font-size:1rem}.hyper-post .blog-content section{padding-bottom:2rem;margin-bottom:2rem}.hyper-callout{padding:1.2rem}.hyper-post .blog-cta__actions .button{width:100%}.hyper-post .hyper-hero__figure figcaption{padding:1rem}.hyper-post .blog-content .hyper-bottom-line{padding:1.5rem}.hyper-post .blog-meta time,.hyper-post .blog-meta span{font-size:.8125rem}.hyper-post .blog-reading-progress__badge{font-size:.75rem;padding:.4rem .65rem}}
@media(prefers-reduced-motion:reduce){.hyper-post *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.hyper-post .blog-sidebar,.hyper-post .article-toc,.hyper-post .blog-reading-progress,.hyper-post .blog-reading-progress__badge,.hyper-post .blog-cta,.hyper-post .rl-related{display:none}.hyper-post .blog-article__grid{display:block}.hyper-post .blog-content section{break-inside:auto}.hyper-post details>p{display:block}}

