
/* Odin Methodology Hub V3.6 — scoped light enterprise editorial system */
body.odin-ui-v1 main.odin-method-v36{background:#f8fbfc;color:#173549;font-family:inherit;min-height:75vh}
body.odin-ui-v1 main.odin-method-v36 *,body.odin-ui-v1 main.odin-method-v36 *:before,body.odin-ui-v1 main.odin-method-v36 *:after{box-sizing:border-box}
body.odin-ui-v1 main.odin-method-v36 .om36-wrap{width:min(1260px,100%);padding:30px 28px 64px;margin:auto}
body.odin-ui-v1 main.odin-method-v36 :is(h1,h2,h3){margin:0;color:#11364c!important;text-shadow:none!important}
body.odin-ui-v1 main.odin-method-v36 p{margin:0;line-height:1.7}
body.odin-ui-v1 main.odin-method-v36 a{text-decoration:none!important}
body.odin-ui-v1 main.odin-method-v36 a:focus-visible{outline:3px solid #ceaa69;outline-offset:3px}
body.odin-ui-v1 main.odin-method-v36 .om36-kicker,body.odin-ui-v1 main.odin-method-v36 .om36-index{color:#087e83;font-size:12px;letter-spacing:.13em;font-weight:850}
body.odin-ui-v1 main.odin-method-v36 .om36-hero{padding:46px 44px 40px;background:linear-gradient(114deg,#eaf5f7,#f7fbfb 67%,#e8f4f5);border:1px solid #d3e5ea;border-radius:21px}
body.odin-ui-v1 main.odin-method-v36 .om36-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;margin-top:12px}
body.odin-ui-v1 main.odin-method-v36 .om36-hero h1{font-size:clamp(40px,4.9vw,65px)!important;line-height:1.1!important;letter-spacing:-.05em;font-weight:850}
body.odin-ui-v1 main.odin-method-v36 .om36-hero h1 span{color:#087d83}
body.odin-ui-v1 main.odin-method-v36 .om36-lead{font-size:clamp(16px,1.5vw,19px);color:#3a5969!important;margin:22px 0 25px!important}
body.odin-ui-v1 main.odin-method-v36 .om36-journey{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;color:#365b6d;font-size:13px;margin-bottom:27px}
body.odin-ui-v1 main.odin-method-v36 .om36-journey b{color:#0a7d82;margin-right:3px}
body.odin-ui-v1 main.odin-method-v36 .om36-journey i{color:#7896a2;font-style:normal}
body.odin-ui-v1 main.odin-method-v36 .om36-hero-cta{display:inline-flex;align-items:center;gap:18px;background:#133e58;color:#fff!important;font-size:14px;font-weight:800;padding:13px 19px;border-radius:9px}
body.odin-ui-v1 main.odin-method-v36 .om36-hero-cta:hover{background:#077b80}
body.odin-ui-v1 main.odin-method-v36 .om36-hero-visual{margin:0;min-width:0}
body.odin-ui-v1 main.odin-method-v36 .om36-hero-art{padding:23px;border:1px solid #3b8290;border-radius:17px;background:radial-gradient(circle at 84% 9%,#267b87,transparent 45%),linear-gradient(135deg,#123c55,#0c5263);box-shadow:0 15px 34px #163f5233;min-height:302px}
body.odin-ui-v1 main.odin-method-v36 .om36-art-kicker,body.odin-ui-v1 main.odin-method-v36 .om36-art-foot{font-size:10px;color:#c3e6e6;letter-spacing:.14em;font-weight:700}
body.odin-ui-v1 main.odin-method-v36 .om36-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:25px 0}
body.odin-ui-v1 main.odin-method-v36 .om36-art-grid>div{background:#ecffff17;border:1px solid #a8dadb6c;min-width:0;border-radius:10px;padding:13px 12px;min-height:82px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px}
body.odin-ui-v1 main.odin-method-v36 .om36-art-grid b{grid-row:span 2;color:#ebcb87;font-size:27px}
body.odin-ui-v1 main.odin-method-v36 .om36-art-grid strong{color:#fff;font-size:10px;line-height:1.3;letter-spacing:.045em}
body.odin-ui-v1 main.odin-method-v36 .om36-art-grid small{color:#c1e6e5;font-size:10px;line-height:1.45}
body.odin-ui-v1 main.odin-method-v36 .om36-hero-visual figcaption{font-size:11px;color:#54707b;margin:10px 2px 0}
body.odin-ui-v1 main.odin-method-v36 .om36-jump{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;padding:17px 16px;margin:22px 0 64px;background:#fff;border:1px solid #dce8ec;border-radius:12px}
body.odin-ui-v1 main.odin-method-v36 .om36-jump a{font-size:13px;font-weight:750;color:#28566c!important}
body.odin-ui-v1 main.odin-method-v36 .om36-jump a:hover{color:#0a8285!important}
body.odin-ui-v1 main.odin-method-v36 .om36-section{margin:0 0 80px;scroll-margin-top:24px}
body.odin-ui-v1 main.odin-method-v36 .om36-head{margin-bottom:27px}
body.odin-ui-v1 main.odin-method-v36 .om36-head h2,body.odin-ui-v1 main.odin-method-v36 .om36-eight h2,body.odin-ui-v1 main.odin-method-v36 .om36-apply h2{font-size:clamp(27px,3vw,39px)!important;line-height:1.22!important;margin:10px 0 13px}
body.odin-ui-v1 main.odin-method-v36 .om36-head p{color:#566f7c;font-size:15px;max-width:820px}
body.odin-ui-v1 main.odin-method-v36 .om36-two-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
body.odin-ui-v1 main.odin-method-v36 .om36-model-card{display:flex;flex-direction:column;border:1px solid #d7e7ea;border-radius:18px;background:#fff;padding:27px 28px;color:#28536a!important;box-shadow:0 8px 30px #193f4910}
body.odin-ui-v1 main.odin-method-v36 .om36-model-card:hover{border-color:#6cabb1;box-shadow:0 12px 34px #143f551c}
body.odin-ui-v1 main.odin-method-v36 .om36-card-tag{font-size:11px;color:#087a82;font-weight:850;letter-spacing:.1em}
body.odin-ui-v1 main.odin-method-v36 .om36-card-icon{display:grid;place-items:center;background:#e6f3f4;color:#077d86;width:60px;height:60px;border-radius:13px;font-size:31px;margin:23px 0}
body.odin-ui-v1 main.odin-method-v36 .om36-model-card h3{font-size:clamp(21px,2.25vw,26px)!important;line-height:1.3!important}
body.odin-ui-v1 main.odin-method-v36 .om36-model-card h3 em{font-size:.75em;font-style:normal;color:#087f81;white-space:nowrap}
body.odin-ui-v1 main.odin-method-v36 .om36-model-card p{margin:15px 0 20px;color:#506c7b;font-size:14px}
body.odin-ui-v1 main.odin-method-v36 .om36-model-label{font-size:12px;color:#587583;display:block;margin-top:auto;background:#f0f7f7;border-radius:7px;padding:10px 12px}
body.odin-ui-v1 main.odin-method-v36 .om36-model-card>strong{display:flex;justify-content:space-between;margin-top:24px;color:#06787d;font-size:14px}
body.odin-ui-v1 main.odin-method-v36 .om36-steps-section{border:1px solid #d6e6ec;border-radius:19px;background:#edf6f8;padding:36px}
body.odin-ui-v1 main.odin-method-v36 .om36-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
body.odin-ui-v1 main.odin-method-v36 .om36-step{background:#fff;border:1px solid #d8e7e9;border-radius:12px;padding:20px 17px}
body.odin-ui-v1 main.odin-method-v36 .om36-step>span{display:block;color:#0a8185;font-weight:800;font-size:12px;margin-bottom:20px}
body.odin-ui-v1 main.odin-method-v36 .om36-step>strong{display:block;color:#15445b;font-size:14px;line-height:1.4;min-height:39px}
body.odin-ui-v1 main.odin-method-v36 .om36-step h3{font-size:18px!important;line-height:1.35!important;margin:9px 0!important}
body.odin-ui-v1 main.odin-method-v36 .om36-step p{font-size:13px;color:#526e7b}
body.odin-ui-v1 main.odin-method-v36 .om36-step small{display:block;border-top:1px solid #e2eced;margin-top:18px;padding-top:13px;font-size:11px;line-height:1.55;color:#216c76}
body.odin-ui-v1 main.odin-method-v36 .om36-method-note{color:#47697b;font-size:13px;margin:20px 1px 0!important}
body.odin-ui-v1 main.odin-method-v36 .om36-eight{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;border-radius:20px;background:#123e58;padding:40px 43px;margin-bottom:80px;scroll-margin-top:24px}
body.odin-ui-v1 main.odin-method-v36 .om36-eight :is(h2,p){color:#fff!important}
body.odin-ui-v1 main.odin-method-v36 .om36-eight p{color:#d2e4e9!important;font-size:14px;margin-bottom:22px}
body.odin-ui-v1 main.odin-method-v36 .om36-eight .om36-index{color:#8fdad8!important}
body.odin-ui-v1 main.odin-method-v36 .om36-eight a{display:inline-flex;background:#15828a;color:#fff!important;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:750;margin:0 10px 10px 0}
body.odin-ui-v1 main.odin-method-v36 .om36-eight a.om36-link-secondary{background:#ffffff12;border:1px solid #9ed8d84f}
body.odin-ui-v1 main.odin-method-v36 .om36-eight-diagram{border:1px solid #5999a5;background:linear-gradient(135deg,#15516b,#0b2f47);border-radius:17px;padding:25px 20px;text-align:center}
body.odin-ui-v1 main.odin-method-v36 .om36-eight-diagram>span{display:block;color:#addbde;font-size:10px;letter-spacing:.1em;margin-bottom:22px}
body.odin-ui-v1 main.odin-method-v36 .om36-eight-diagram>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:10px 0}
body.odin-ui-v1 main.odin-method-v36 .om36-eight-diagram b{border-radius:7px;border:1px solid #89cacc7a;color:#fff;background:#ffffff16;padding:11px 8px;font-size:10px}
body.odin-ui-v1 main.odin-method-v36 .om36-eight-diagram i{font-style:normal;color:#e7ca85}
body.odin-ui-v1 main.odin-method-v36 .om36-eight-diagram small{display:block;color:#c1dade;font-size:11px;line-height:1.5;margin-top:20px}
body.odin-ui-v1 main.odin-method-v36 .om36-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body.odin-ui-v1 main.odin-method-v36 .om36-story{background:#fff;border:1px solid #d9e6ea;border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 8px 26px #16435210}
body.odin-ui-v1 main.odin-method-v36 .om36-story-link{display:block;height:100%;color:inherit}
body.odin-ui-v1 main.odin-method-v36 .om36-story-media{height:210px;overflow:hidden;background:linear-gradient(125deg,#163f56,#117c82);position:relative}
body.odin-ui-v1 main.odin-method-v36 .om36-story-media img{width:100%;height:100%;object-fit:cover;display:block}
body.odin-ui-v1 main.odin-method-v36 .om36-media-placeholder{display:grid;place-items:center;height:100%;font-size:20px;letter-spacing:.15em;color:#e3f7f7}
body.odin-ui-v1 main.odin-method-v36 .om36-story-body{padding:22px 23px;display:flex;flex-direction:column;min-height:235px}
body.odin-ui-v1 main.odin-method-v36 .om36-story-tag{color:#087c81;font-size:11px;font-weight:850;letter-spacing:.09em}
body.odin-ui-v1 main.odin-method-v36 .om36-story h3{font-size:19px!important;line-height:1.37!important;margin:11px 0!important}
body.odin-ui-v1 main.odin-method-v36 .om36-story p{font-size:13px;color:#5a7080;flex:1}
body.odin-ui-v1 main.odin-method-v36 .om36-story-body strong{color:#047b80;font-size:13px;margin-top:20px;display:flex;justify-content:space-between}
body.odin-ui-v1 main.odin-method-v36 .om36-apply{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;background:#e9f5f7;border:1px solid #d3e8eb;border-radius:20px;padding:36px 40px;scroll-margin-top:24px}
body.odin-ui-v1 main.odin-method-v36 .om36-apply p{font-size:14px;color:#526e7d;margin-bottom:20px}
body.odin-ui-v1 main.odin-method-v36 .om36-apply a{display:inline-flex;background:#0e5669;color:#fff!important;padding:12px 17px;border-radius:8px;font-size:13px;font-weight:800}
body.odin-ui-v1 main.odin-method-v36 .om36-apply-visual{background:linear-gradient(140deg,#1a586b,#0c354d);border-radius:15px;padding:30px 20px;color:#fff;text-align:center}
body.odin-ui-v1 main.odin-method-v36 .om36-apply-visual span{display:block;color:#c0e2e5;font-size:10px;letter-spacing:.12em}
body.odin-ui-v1 main.odin-method-v36 .om36-apply-visual>b{display:block;font-size:70px;line-height:1.45}
body.odin-ui-v1 main.odin-method-v36 .om36-apply-visual div{border:1px solid #90cdd35e;border-radius:6px;padding:10px 5px;font-size:12px;margin-top:8px}
body.odin-ui-v1 main.odin-method-v36 .om36-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:center;margin:37px 0 0;font-size:12px;color:#66808c}
body.odin-ui-v1 main.odin-method-v36 .om36-footer strong{color:#15485c;font-size:15px}
body.odin-ui-v1 main.odin-method-v36 .om36-footer a{color:#047e81!important;font-weight:750}
@media(max-width:960px){body.odin-ui-v1 main.odin-method-v36 .om36-hero-grid,body.odin-ui-v1 main.odin-method-v36 .om36-eight,body.odin-ui-v1 main.odin-method-v36 .om36-apply{grid-template-columns:1fr}body.odin-ui-v1 main.odin-method-v36 .om36-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.odin-ui-v1 main.odin-method-v36 .om36-wrap{padding:16px 15px 47px}body.odin-ui-v1 main.odin-method-v36 .om36-hero{padding:28px 20px 23px;border-radius:16px}body.odin-ui-v1 main.odin-method-v36 .om36-hero h1{font-size:40px!important}body.odin-ui-v1 main.odin-method-v36 .om36-hero-grid{gap:25px}body.odin-ui-v1 main.odin-method-v36 .om36-hero-art{padding:16px;min-height:auto}body.odin-ui-v1 main.odin-method-v36 .om36-art-grid{gap:7px;margin:17px 0}body.odin-ui-v1 main.odin-method-v36 .om36-art-grid>div{padding:10px 7px;grid-template-columns:25px 1fr;column-gap:5px;min-height:80px}body.odin-ui-v1 main.odin-method-v36 .om36-art-grid b{font-size:23px}body.odin-ui-v1 main.odin-method-v36 .om36-art-grid strong{font-size:9px;overflow-wrap:anywhere}body.odin-ui-v1 main.odin-method-v36 .om36-jump{justify-content:flex-start;margin:16px 0 43px;gap:12px 17px}body.odin-ui-v1 main.odin-method-v36 .om36-section{margin-bottom:52px}body.odin-ui-v1 main.odin-method-v36 .om36-two-cards,body.odin-ui-v1 main.odin-method-v36 .om36-article-grid{grid-template-columns:1fr;gap:16px}body.odin-ui-v1 main.odin-method-v36 .om36-model-card{padding:23px}body.odin-ui-v1 main.odin-method-v36 .om36-steps-section{padding:24px 17px}body.odin-ui-v1 main.odin-method-v36 .om36-step-grid{grid-template-columns:1fr;gap:10px}body.odin-ui-v1 main.odin-method-v36 .om36-step{padding:18px}body.odin-ui-v1 main.odin-method-v36 .om36-step>strong{min-height:0}body.odin-ui-v1 main.odin-method-v36 .om36-eight{padding:28px 20px;margin-bottom:52px;gap:20px}body.odin-ui-v1 main.odin-method-v36 .om36-eight-diagram{padding:22px 12px}body.odin-ui-v1 main.odin-method-v36 .om36-apply{padding:27px 20px;gap:21px}body.odin-ui-v1 main.odin-method-v36 .om36-story-media{height:194px}body.odin-ui-v1 main.odin-method-v36 .om36-story-body{min-height:0}body.odin-ui-v1 main.odin-method-v36 .om36-apply-visual>b{font-size:56px}}
@media(prefers-reduced-motion:reduce){body.odin-ui-v1 main.odin-method-v36 *{scroll-behavior:auto!important}}



/* V3.6.1 light hub + V3.6.2 typography corrections. */
body.odin-ui-v1 main.odin-method-v36{background:#f5f8fa!important;color:#263e4c!important}
body.odin-ui-v1 main.odin-method-v36 .om36-section:not(.om36-steps-section){background:#fff;border:1px solid #e1e9ed;border-radius:18px;padding:31px 33px}
body.odin-ui-v1 main.odin-method-v36 .om36-head p{color:#415d6e!important;font-size:17px!important;line-height:1.77!important}
body.odin-ui-v1 main.odin-method-v36 .om36-lead{font-size:19px!important;line-height:1.75!important}
body.odin-ui-v1 main.odin-method-v36 .om36-model-card,
body.odin-ui-v1 main.odin-method-v36 .om36-story{background:#fff!important;color:#263e4c!important;border-color:#dbe6ea}
body.odin-ui-v1 main.odin-method-v36 .om36-model-card p{color:#344f60!important;font-size:17px!important;line-height:1.75!important}
body.odin-ui-v1 main.odin-method-v36 .om36-model-label{color:#285565!important;font-size:13px!important;line-height:1.6!important}
body.odin-ui-v1 main.odin-method-v36 .om36-step p{color:#344f60!important;font-size:16px!important;line-height:1.75!important}
body.odin-ui-v1 main.odin-method-v36 .om36-step small{font-size:13px!important;line-height:1.6!important}
body.odin-ui-v1 main.odin-method-v36 .om36-story-body{padding:23px 24px}
body.odin-ui-v1 main.odin-method-v36 .om36-story-body h3{color:#13354a!important;font-size:22px!important}
body.odin-ui-v1 main.odin-method-v36 .om36-story p{color:#3c596a!important;font-size:16px!important;line-height:1.75!important}
body.odin-ui-v1 main.odin-method-v36 .om36-story-body strong{font-size:15px!important}
body.odin-ui-v1 main.odin-method-v36 .om36-eight p{font-size:17px!important;line-height:1.75!important}
body.odin-ui-v1 main.odin-method-v36 .om36-apply p{font-size:17px!important;line-height:1.75!important}
body.odin-ui-v1 main.odin-method-v36 .om36-story-link:focus-visible,
body.odin-ui-v1 main.odin-method-v36 a:focus-visible{outline:3px solid #b58b43!important;outline-offset:3px}
body.odin-ui-v1 main.odin-method-v36 .om36-art-grid strong,
body.odin-ui-v1 main.odin-method-v36 .om36-eight-diagram b{overflow-wrap:anywhere}
@media(max-width:700px){
body.odin-ui-v1 main.odin-method-v36 .om36-section:not(.om36-steps-section){padding:23px 18px;border-radius:14px}
body.odin-ui-v1 main.odin-method-v36 .om36-head p{font-size:17px!important}
body.odin-ui-v1 main.odin-method-v36 .om36-lead{font-size:18px!important}
body.odin-ui-v1 main.odin-method-v36 .om36-model-card p,
body.odin-ui-v1 main.odin-method-v36 .om36-step p,
body.odin-ui-v1 main.odin-method-v36 .om36-story p,
body.odin-ui-v1 main.odin-method-v36 .om36-eight p,
body.odin-ui-v1 main.odin-method-v36 .om36-apply p{font-size:17px!important}
body.odin-ui-v1 main.odin-method-v36 .om36-story-body{padding:20px 21px}
body.odin-ui-v1 main.odin-method-v36 .om36-eight-diagram>div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;justify-items:stretch}
body.odin-ui-v1 main.odin-method-v36 .om36-eight-diagram>div b{width:100%;text-align:center;padding:9px 6px}
body.odin-ui-v1 main.odin-method-v36 .om36-eight-diagram>div i{transform:rotate(90deg);line-height:1;text-align:center}
}
