/*
Theme Name: IOOA
Description: Editable bilingual IOOA website. Local fonts and transparent brand artwork.
Version: 0.2.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: iooa
*/
@font-face{font-family:M8V01;src:url('assets/fonts/heading.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:M8V02;src:url('assets/fonts/subheading.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:M8V03;src:url('assets/fonts/body.ttf') format('truetype');font-weight:200;font-style:normal;font-display:swap}
html{scroll-behavior:smooth}body{margin:0}*{box-sizing:border-box}img{max-width:100%;height:auto}a{ text-underline-offset:.2em}a:focus-visible,button:focus-visible{outline:3px solid #a68246;outline-offset:5px}
.wp-site-blocks{padding:0}.iooa-header{padding:36px 0;gap:24px}.iooa-header img{width:300px;height:auto}.iooa-language{display:flex;gap:16px;align-items:center;font-family:M8V02,Arial,sans-serif;font-size:16px;font-weight:300}.iooa-language a{padding:8px 3px;text-decoration:none}.iooa-language a[aria-current]{border-bottom:2px solid #a68246}.iooa-language span{opacity:.65}
.iooa-main{padding-top:64px;padding-bottom:96px;min-height:50vh}.iooa-main:focus{outline:none}.iooa-hero{padding-bottom:32px}.iooa-hero h1{max-width:980px}.iooa-hero p{max-width:730px}.iooa-rule{border:0!important;background:#a68246!important;height:2px!important;width:68px!important;margin-left:0!important;margin-bottom:32px!important}
.iooa-footer{padding-top:28px;padding-bottom:36px;border-top:1px solid #d9dedf;font-size:16px}.iooa-footer p{margin:0}.wp-block-button__link{transition:background-color .15s}.wp-block-button__link:hover{background:#18364e;color:white}.iooa-supporting{font-family:M8V02,Arial,sans-serif;font-weight:300;line-height:1.5}
.iooa-section{padding-top:64px;padding-bottom:64px;border-top:1px solid #d9dedf}.iooa-section h2{max-width:800px}.iooa-section p{max-width:730px}.iooa-step{border-top:2px solid #a68246;padding-top:24px}.iooa-step h3{font-family:M8V02,Arial,sans-serif;font-size:28px}.iooa-contact{padding:48px;background:#0b2032;color:#fafaf8;border-radius:3px}.iooa-contact a{color:inherit}.iooa-contact h2{color:inherit}
@media(max-width:700px){.iooa-header{padding:24px 0;align-items:flex-start!important}.iooa-header img{width:220px}.iooa-header>.wp-block-image{flex:1;min-width:0}.iooa-language{gap:10px;font-size:14px}.iooa-main{padding-top:40px;padding-bottom:56px}.iooa-footer{gap:24px}.iooa-section{padding-top:40px;padding-bottom:40px}.iooa-contact{padding:28px}.wp-block-heading{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wp-block-button__link{transition:none}}
/* Explicit bounds also cover existing page blocks without the optional hero class. */
.wp-site-blocks .iooa-header{padding-top:24px;padding-bottom:16px}
.wp-site-blocks .iooa-main{max-width:980px;margin-left:auto;margin-right:auto;padding-top:32px;padding-bottom:72px;min-height:0}
.iooa-main .wp-block-post-content>p{max-width:730px;margin-left:0;margin-right:auto}
.iooa-main .wp-block-post-content>.wp-block-heading{max-width:980px;margin-left:0;margin-right:auto}
.iooa-main .wp-block-post-content>.wp-block-buttons{margin-left:0;margin-right:auto}
@media(max-width:700px){.wp-site-blocks .iooa-main{padding-top:24px;padding-bottom:48px}}
/* Complete homepage: alignment independent of WP constrained-child margins. */
.iooa-page{--iooa-line:#d9dedf;width:100%;font-synthesis:none}
.iooa-page :where(h1,h2,h3,p){margin:0 0 22px}
.iooa-page h1{font-size:clamp(40px,5.1vw,68px);line-height:1.13;max-width:960px;letter-spacing:-.025em}
.iooa-page h2{font-size:clamp(32px,3.4vw,44px);line-height:1.2;max-width:840px}
.iooa-page h3{font-family:M8V02,Arial,sans-serif;font-weight:300;font-size:25px;line-height:1.35}
.iooa-page p{font-size:20px;line-height:1.65;max-width:750px}
.iooa-page>*,.iooa-page .wp-block-group>*{margin-left:0!important;margin-right:0!important}
.iooa-page .iooa-hero{padding:38px 0 58px}
.iooa-page .iooa-eyebrow{font-family:M8V02,Arial,sans-serif;font-size:14px;letter-spacing:.09em;text-transform:uppercase;border-left:2px solid #a68246;padding-left:16px;margin-bottom:28px}
.iooa-page .iooa-descriptor{font-family:M8V02,Arial,sans-serif;font-size:22px;line-height:1.5;max-width:800px;margin-top:26px}
.iooa-page .iooa-intro{margin-top:24px;max-width:750px}
.iooa-page .wp-block-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}
.iooa-page .wp-block-button__link{display:inline-block;font-family:M8V02,Arial,sans-serif;font-weight:300;font-size:17px;line-height:1.5;text-decoration:none;padding:15px 22px;border:1px solid #0b2032;border-radius:2px;background:#0b2032;color:#fafaf8}
.iooa-page .is-style-outline .wp-block-button__link{color:#0b2032;background:transparent}
.iooa-page .wp-block-button__link:hover{background:#18364e;color:white}
.iooa-page .iooa-section-links{display:flex;flex-wrap:wrap;gap:10px 18px;max-width:none;font-family:M8V02,Arial,sans-serif;font-size:15px;line-height:1.5;margin-bottom:0;padding-bottom:28px}
.iooa-section-links a{text-decoration:none}.iooa-section-links a:hover{text-decoration:underline}.iooa-section-links span{color:#a68246}
.iooa-page .iooa-section{padding:66px 0;border-top:1px solid var(--iooa-line);margin-top:0;scroll-margin-top:32px}
.iooa-page .iooa-section-number,.iooa-page .iooa-step-number{font-family:M8V02,Arial,sans-serif;font-size:14px;letter-spacing:.1em;color:#66502a;margin-bottom:16px}
.iooa-page .iooa-situations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 52px;margin-top:36px}
.iooa-page .iooa-situation{border-top:1px solid var(--iooa-line);padding-top:22px;margin-top:0}
.iooa-page .iooa-situation p,.iooa-page .iooa-step p{font-size:18px}
.iooa-page .iooa-situations p:last-child,.iooa-page .iooa-steps p:last-child{margin-bottom:0}
.iooa-page .iooa-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}
.iooa-page .iooa-step{padding-top:20px;margin-top:0;border-top:2px solid #a68246}
.iooa-page .iooa-step h3{font-size:25px}
.iooa-page .iooa-assessment{background:#eef0ed;padding:28px 32px;margin-top:38px}
.iooa-page .iooa-assessment p{margin-bottom:0}
.iooa-page .iooa-independence{padding-top:38px;max-width:780px}
.iooa-page .iooa-examples{margin-top:36px}
.iooa-page .iooa-example{display:grid;grid-template-columns:1fr 2fr;column-gap:48px;border-top:1px solid var(--iooa-line);padding:30px 0 12px;margin-top:0}
.iooa-page .iooa-example h3{grid-column:1;grid-row:1 / span 3;max-width:280px}
.iooa-page .iooa-example p{grid-column:2}
.iooa-page .iooa-principle{font-family:M8V02,Arial,sans-serif;font-size:25px;line-height:1.5;border-left:2px solid #a68246;padding-left:24px;margin-top:32px;max-width:800px}
.iooa-page .iooa-contact{padding:44px;margin-top:0;scroll-margin-top:32px}
.iooa-page .iooa-contact .wp-block-button__link{background:#fafaf8;color:#0b2032;border-color:#fafaf8}
.iooa-page .iooa-contact .wp-block-button__link:hover{background:#e7dfce}
.iooa-page .iooa-contact>.wp-block-buttons+p{margin-top:24px;margin-bottom:0}
@media(max-width:760px){.iooa-page .iooa-steps{grid-template-columns:1fr;gap:30px}.iooa-page .iooa-example{display:block}.iooa-page .iooa-example h3{max-width:none}.iooa-page .iooa-situations{gap:26px}.iooa-page .iooa-section{padding:42px 0}}
@media(max-width:520px){.iooa-page .iooa-situations{grid-template-columns:1fr}.iooa-page .iooa-hero{padding:22px 0 38px}.iooa-page .iooa-descriptor{font-size:20px}.iooa-page .iooa-contact{padding:28px 22px}.iooa-page .iooa-assessment{padding:24px}.iooa-page .iooa-section-links span{display:none}.iooa-page .iooa-section-links{gap:12px 20px}.iooa-page .iooa-principle{font-size:22px}}
