@scope (.twin) {
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f6f7f0;font-family:Inter,Arial,sans-serif;color:#fff7e8}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #ffecc9;outline-offset:3px}.review{height:48px;padding:0 4%;display:flex;gap:24px;align-items:center;color:#24483f;font-size:11px}.review a{color:inherit;text-decoration:none}.review a:first-child{font-size:22px;margin-right:auto}:scope{position:relative;isolation:isolate;min-height:760px;height:calc(100svh - 48px);max-height:980px;overflow:hidden;background:linear-gradient(115deg,#723b30,#e6896a 45%,#b6c5ac 75%,#65b9bd)}.hero-media,.hero-media canvas,#connections{position:absolute;inset:0;width:100%;height:100%}.hero-media .fallback{height:100%;width:auto;position:absolute;left:1%;bottom:0}.hero-media.webgl-ready .fallback{opacity:0}:scope:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#133e3920 45%,#173f3bdc 70%);pointer-events:none;z-index:1}#connections{z-index:2;pointer-events:none}.twin-toggle{position:absolute;inset:0 53% 0 0;border:0;background:none;z-index:2}.pulse{position:absolute;top:47%;left:57%;width:28px;height:28px;border:1px solid #fff5d9aa;border-radius:50%;animation:invite 3s ease-out infinite}.pulse:after{content:'';position:absolute;inset:10px;border-radius:50%;background:#fff7dc}:scope.twin-pinned .pulse{opacity:0}.stage-label{position:absolute;bottom:35px;left:7%;z-index:3;display:flex;align-items:center;gap:14px;font-size:13px}.stage-label button{background:#ffffff10;border:1px solid #ffffff50;border-radius:50%;width:38px;height:38px}.content{position:relative;margin-left:51%;width:46%;max-width:750px;z-index:3;padding:44px 0 32px}.eyebrow{font-size:11px;letter-spacing:.17em;margin:0 0 15px}.twin-title{font-size:clamp(38px,3.8vw,60px);font-weight:400;line-height:1.05;letter-spacing:-.045em;margin:0 0 30px}.tabs{display:flex;gap:7px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.tabs button{border:1px solid #e8efe239;background:#e6ecdf08;border-radius:999px;min-height:48px;padding:12px 17px;white-space:nowrap;font-size:14px}.tabs button[aria-selected=true]{border-color:#e3e5d99c;background:linear-gradient(100deg,#eabbac49,#e5d9b845,#a4e2d140,#b8c8e048)}.intro{font-size:16px;line-height:1.45;margin:0 0 17px;max-width:510px;color:#eef0e4}.card-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 4px;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab}.card-rail:active{cursor:grabbing}.focus-card{flex:0 0 91%;scroll-snap-align:start;border:1px solid #eff2d94a;background:linear-gradient(120deg,#ede3c618,#b8ddd718);border-radius:24px;overflow:hidden;backdrop-filter:blur(14px);padding:22px 23px 18px;min-width:0;position:relative}.focus-card:last-child{margin-right:9%}.ribbon{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#fbf6e9;border:1px solid #eff2df35;background:#e4f0db12;border-radius:30px;padding:5px 9px 5px 5px;margin-bottom:17px}.ribbon img{width:23px;height:23px;object-fit:cover;border-radius:50%;padding:2px;background:linear-gradient(120deg,#e4a38d,#e5c686,#a3d3b9,#87b9d0,#b7a4cf)}h2,h3{font-weight:400;letter-spacing:-.025em;line-height:1.14}.focus-card h2{font-size:30px;margin:0 0 10px}.focus-card p{font-size:15px;line-height:1.45;color:#e4ede1;margin:0 0 15px}.clinical{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}.clinical span,.organ{font-size:11px;border:1px solid #dde6d438;border-radius:20px;padding:5px 9px}.data-label{display:block;font-size:10px;letter-spacing:.08em;color:#ceddce}.omics{display:flex;gap:12px;border-top:1px solid #eef2de25;padding-top:11px}.omics>div{flex:1;min-width:0}.omics span{font-size:10px;color:#dce8d7}.omics svg{width:100%;height:39px;display:block;overflow:visible}.omics path{stroke-dasharray:500;stroke-dashoffset:500;animation:trace 2.2s ease-out forwards}.rail-footer{display:flex;align-items:center;gap:12px;margin-top:14px;height:33px}.progress{height:3px;background:#ffffff20;flex:1;border-radius:2px;overflow:hidden}.progress i{display:block;height:100%;width:var(--progress,0%);background:linear-gradient(90deg,#e8b09c,#e9d09d,#a3dec5,#99c7db,#c7b9df)}.position{font-size:11px;color:#e0e9da;min-width:32px}.rail-arrow{border:1px solid #f0f1dc44;background:#edf1df0c;border-radius:50%;width:36px;height:36px;font-size:19px}.source-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid #fff3d367;background:linear-gradient(135deg,#eccdbf39,#b8dcd239);box-shadow:0 0 25px #d9efd50c;flex:none}.source-icon svg{width:24px;height:24px}.card-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-heading h2{margin:0;font-size:29px}.context-data{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.context-data span{font-size:12px;padding:7px 10px;border-radius:25px;background:#eef3db10;border:1px solid #f0f1dc25}.source-note{margin-top:23px!important;border-top:1px solid #ecf0da25;padding-top:15px;color:#dce7d7!important;font-size:13px!important}.action-card{background:linear-gradient(130deg,var(--tint),#badfdc14)}.action-card .ribbon{margin-bottom:13px}.action-card .card-heading{margin-bottom:12px}.action-card h2{font-size:28px}.organ-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}.evidence{border-top:1px solid #eef1dc30;padding-top:14px;display:flex;align-items:center;gap:12px}.evidence svg{width:25px;height:25px;flex:none;color:#d3dfc3}.evidence strong{display:block;font-weight:500;font-size:14px}.evidence small{display:block;font-size:11px;color:#d3dfce;line-height:1.45;margin-top:5px}.review-notes{max-width:1050px;padding:20px 30px;margin:auto;color:#52685f;font-size:13px;line-height:1.5}.review-notes strong{font-weight:500}.review-notes p{margin:7px 0}@keyframes invite{0%,100%{box-shadow:0 0 0 0 #fff4d622}70%{box-shadow:0 0 0 18px #fff4d600}}@keyframes trace{to{stroke-dashoffset:0}}
@media(max-width:1000px) and (min-width:761px){.content{margin-left:48%;width:49%}.tabs button{padding:11px;font-size:12px}.focus-card{padding:19px}.focus-card h2{font-size:26px}}
@media(max-width:760px){.review{height:40px;padding:0 17px;gap:12px}.review a:first-child{font-size:18px}.review span{font-size:10px}.review a:last-child{font-size:9px}:scope{--tabs-top:clamp(275px,39svh,350px);height:auto;min-height:calc(var(--tabs-top) + 424px);max-height:none}.hero-media{height:calc(var(--tabs-top) + 155px)}:scope:after{background:linear-gradient(0deg,#20453f 0%,#20453feb 26%,#20453f26 57%,transparent 76%)}.hero-media .fallback{height:95%;left:50%;transform:translateX(-50%)}.content{margin:0;width:100%;max-width:none;padding:0;position:relative;padding-top:calc(var(--tabs-top) + 58px);padding-bottom:20px}.heading{position:absolute;top:20px;left:20px;right:20px;pointer-events:none;text-shadow:0 1px 15px #23453d60}.eyebrow{font-size:9px;margin-bottom:8px}.twin-title{font-size:clamp(28px,7.9vw,36px);max-width:360px;line-height:1.02;margin:0}.twin-toggle{inset:104px 0 auto;height:calc(var(--tabs-top) - 115px);z-index:4}.pulse{left:72%;top:57%}.stage-label{left:20px;top:calc(var(--tabs-top) - 42px);bottom:auto;font-size:10px;gap:9px}.stage-label button{width:32px;height:32px}.tabs{position:absolute;top:var(--tabs-top);left:0;right:0;padding:0 16px;gap:7px;margin:0;z-index:5}.tabs button{font-size:12px;min-height:44px;padding:10px 13px}.tabs button:last-child{margin-right:16px}#twin-panel{margin:0 0 0 16px}.intro{font-size:13px;line-height:1.4;margin:0 20px 12px 2px;max-width:360px}.card-rail{gap:10px;padding-right:0}.focus-card{flex-basis:calc(100% - 34px);padding:15px 16px 13px;border-radius:20px}.focus-card:last-child{margin-right:34px}.ribbon{font-size:10px;margin-bottom:11px;padding:3px 8px 3px 3px}.ribbon img{width:22px;height:22px}.focus-card h2,.action-card h2{font-size:24px;margin-bottom:8px}.focus-card p{font-size:13px;line-height:1.4;margin-bottom:12px}.clinical{margin:6px 0 10px;gap:5px}.clinical span,.organ{font-size:10px;padding:4px 7px}.omics{padding-top:7px;gap:8px}.omics svg{height:31px}.omics span{font-size:9px}.data-label{font-size:9px}.rail-footer{margin:10px 17px 0 0;height:34px;gap:10px}.source-icon{width:38px;height:38px}.source-icon svg{width:21px;height:21px}.card-heading{gap:10px;margin-bottom:12px}.card-heading h2{margin:0;font-size:24px}.context-data{margin-top:14px}.context-data span{font-size:11px;padding:6px 8px}.source-note{margin-top:17px!important;padding-top:12px;font-size:12px!important}.evidence{padding-top:11px;gap:10px}.evidence strong{font-size:13px}.evidence small{font-size:10px}.organ-tags{margin-bottom:12px}.review-notes{padding:20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.omics path{stroke-dashoffset:0}}

.focus-card:not([data-active="true"]) .omics path{animation:none;stroke-dashoffset:500}
@media(prefers-reduced-motion:reduce){.focus-card .omics path{stroke-dashoffset:0!important}}

.rail-arrow{min-width:44px;min-height:44px}.rail-footer{height:44px}
@media(max-width:760px){.hero-media{mask-image:linear-gradient(#000 0%,#000 77%,transparent 100%)}.rail-footer{height:44px}}
/* W4: compact molecular context and image-led recommendation cards. */
.kit-cta{position:absolute;left:7%;bottom:35px;z-index:5;display:flex;align-items:center;gap:30px;padding:8px 8px 8px 24px;border:1px solid #d6eddf66;border-radius:60px;background:#20484c70;backdrop-filter:blur(16px);color:#fff;text-decoration:none;font-size:18px;font-weight:500;box-shadow:0 10px 35px #16433c15}.kit-cta>span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#d9efea;color:#31565a;transition:background .3s,transform .3s}.kit-cta svg{width:26px;height:26px;transition:transform .3s}.kit-cta:hover>span{background:#efd8d9}.kit-cta:hover svg{transform:translate(2px,-2px)}.kit-cta:focus-visible{outline:2px solid #fff}.molecular-band{border-top:1px solid #eef2de25;padding-top:12px}.molecular-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.09em;color:#dde6d7}.family-dots{display:flex;gap:4px}.family-dots i{height:7px;width:7px;border-radius:50%}.molecular-band svg{display:block;width:100%;height:42px;margin:6px 0 7px}.molecular-band path{stroke-dasharray:40;stroke-dashoffset:40;animation:trace .9s ease-out forwards}.focus-card:not([data-active=true]) .molecular-band path{animation:none;stroke-dashoffset:40}.focus-card .molecular-names{font-size:13px;margin:0 0 5px;line-height:1.3;color:#f0eedc}.molecular-key{font-size:10px;color:#cbdccc}.enrichment{margin-top:17px;max-width:91%;font-size:12px;line-height:1.5}.enrichment summary{list-style:none;cursor:pointer;min-height:36px;display:flex;align-items:center;gap:12px;color:#e7eddf}.enrichment summary::-webkit-details-marker{display:none}.enrichment summary span{transition:transform .2s}.enrichment[open] summary span{transform:rotate(90deg)}.enrichment>div{border-top:1px solid #ffffff25;padding:4px 0 0}.enrichment p{margin:10px 0;color:#e1e9d9}.enrichment strong{font-weight:500}:scope:has(.enrichment[open]){height:auto;max-height:none}.action-card{padding:0;background:#f1f4ea;color:#24443e;backdrop-filter:none}.recommendation-image{height:165px;position:relative;overflow:hidden}.recommendation-image>img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}.recommendation-image:after{content:'';position:absolute;inset:35% 0 -1px;background:linear-gradient(transparent,#f1f4ea)}.action-source{position:absolute;top:13px;left:15px;display:flex;align-items:center;gap:9px;font-size:12px;z-index:1;background:#163e3970;padding:5px 12px 5px 5px;border:1px solid #ffffff50;backdrop-filter:blur(12px);border-radius:50px;color:#fff9e8}.action-source .source-icon{width:32px;height:32px;border:0;background:#f4f0dc26}.action-source .source-icon svg{width:19px;height:19px}.example-label{position:absolute;right:14px;top:24px;font-size:8px;letter-spacing:.09em;color:#fff;background:#183f3866;border-radius:15px;padding:6px 8px}.recommendation-copy{position:relative;padding:0 22px 18px;margin-top:-16px;z-index:1}.action-card .recommendation-copy h2{font-size:26px;line-height:1.12;margin:0 0 7px;max-width:420px}.action-card .recommendation-copy>p{font-size:13px;color:#62756c;margin-bottom:13px}.recommendation-ribbons{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.recommendation-ribbons .ribbon{color:#35574d;background:#dde9e077;border-color:#d0dfd4;font-size:10px;margin:0}.organ-ribbon{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#42675b}.organ-ribbon img{width:27px;height:27px;border:1px solid #a7c5ba;border-radius:50%;object-fit:cover;background:#e7efdf}.action-card .evidence{border-top-color:#bacbc566;padding-top:10px;gap:9px}.action-card .evidence svg{color:#779990;width:20px;height:20px}.action-card .evidence strong{font-size:12px}.action-card .evidence small{color:#6c8077;font-size:10px;margin-top:3px}.action-card:nth-child(2){background:#eaf2ec}.action-card:nth-child(2) .recommendation-image:after{background:linear-gradient(transparent,#eaf2ec)}.action-card:nth-child(3){background:#eeedf5}.action-card:nth-child(3) .recommendation-image:after{background:linear-gradient(transparent,#eeedf5)}
@media(min-width:761px){:scope{min-height:830px}.content{padding-top:34px}.tabs{margin-bottom:18px}.focus-card{flex-basis:89%}.focus-card:last-child{margin-right:11%}}
@media(max-width:760px){.kit-cta{bottom:auto;top:calc(var(--tabs-top) - 56px);left:18px;padding:5px 5px 5px 16px;gap:15px;font-size:13px;min-height:44px}.kit-cta>span{width:34px;height:34px}.kit-cta svg{width:20px;height:20px}.eyebrow{font-size:8px;letter-spacing:.11em}.intro{font-size:12px;line-height:1.4;margin-bottom:11px}.molecular-band{padding-top:9px}.molecular-band svg{height:33px;margin:4px 0 5px}.focus-card .molecular-names{font-size:11px}.molecular-key{font-size:9px}.molecular-top{font-size:8px}.enrichment{margin:10px 20px 0;max-width:none;font-size:11px}.enrichment summary{min-height:34px}.recommendation-image{height:140px}.recommendation-copy{padding:0 15px 14px;margin-top:-13px}.action-card .recommendation-copy h2{font-size:23px}.action-card .recommendation-copy>p{font-size:12px;margin-bottom:10px}.recommendation-ribbons{gap:6px;margin-bottom:10px}.recommendation-ribbons .ribbon{font-size:9px}.organ-ribbon{font-size:9px}.organ-ribbon img{height:24px;width:24px}.action-source{top:10px;left:12px;font-size:11px}.example-label{top:20px;right:10px;font-size:7px}.action-card .evidence small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.molecular-band path{animation:none!important;stroke-dashoffset:0!important}.kit-cta svg,.kit-cta>span{transition:none}}

@media(min-width:761px){.kit-cta{top:min(680px,calc(100svh - 150px));bottom:auto}}
@media(max-width:760px){:scope{--tabs-top:clamp(270px,38svh,340px)}.biology-card{padding-top:12px;padding-bottom:12px}.biology-card h2{font-size:22px}.biology-card .molecular-band svg{height:27px}.biology-card .clinical{margin-bottom:8px}.biology-card .molecular-band{padding-top:7px}}

/* W5: three complementary molecular layers stay distinct from plan markers. */
.molecular-layers{border-top:1px solid #ecf0da30;padding-top:12px}
.molecular-title{font-size:13px;color:#fff6e5;margin-bottom:10px}.molecular-title>span{font-size:11px;color:#cbdcd0}
.layers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.molecular-layer{min-width:0}.molecular-layer strong{display:block;font-size:11px;font-weight:400;color:var(--layer-colour)}
.molecular-layer svg{width:100%;height:34px;display:block;margin:5px 0}
.molecular-layer path{stroke-dasharray:600;stroke-dashoffset:600;animation:trace 2.4s ease-out forwards}
.focus-card:not([data-active=true]) .molecular-layer path{animation:none;stroke-dashoffset:600}
.molecular-layer>span{font-size:12px;line-height:1.3;display:block;color:#f2efdc;overflow-wrap:anywhere}
.molecular-layers>small{display:block;font-size:9px;color:#c7d5c9;margin-top:9px}
.mechanism{border-top:1px solid #ecf0da30;padding:10px 0 0;margin-top:11px}
.mechanism-route{display:grid;grid-template-columns:1fr 24px 1fr;gap:7px;align-items:center;text-align:center;font-size:13px;color:#fff1d5}.mechanism-route b{font-weight:400;color:#edcf95}
.mechanism small{display:block;text-align:center;font-size:10px;line-height:1.35;margin-top:7px;color:#d0dfcc}
@media(max-width:760px){.molecular-layers{padding-top:8px}.molecular-title{font-size:12px;margin-bottom:7px}.molecular-title>span{font-size:10px}.layers-grid{gap:8px}.molecular-layer strong{font-size:9px}.molecular-layer svg{height:25px;margin:4px 0}.molecular-layer>span{font-size:11px}.molecular-layers>small{font-size:8px;margin-top:7px}.mechanism{padding-top:8px;margin-top:9px}.mechanism-route{font-size:11px}.mechanism small{font-size:9px;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.molecular-layer path{stroke-dashoffset:0!important;animation:none!important}}

/* W6: one shared Home graph, with labels and mechanism in the same molecular unit. */
.biology-card .clinical{margin:9px 0 17px}
.molecular-level{border-top:1px solid #ecf0da30;padding-top:13px}
.molecular-level .molecular-title{font-size:14px;margin-bottom:12px}
.molecular-picture{display:grid;grid-template-columns:minmax(100px,.75fr) minmax(0,1.5fr);align-items:center;gap:22px}
.molecular-names{display:grid;gap:10px}
.molecular-names>div{border-left:2px solid var(--molecule-colour);padding-left:9px}
.molecular-names span{display:block;font-size:10px;color:var(--molecule-colour);margin-bottom:3px}
.molecular-names strong{font-size:14px;font-weight:400;color:#fff5df;line-height:1.2;display:block;overflow-wrap:anywhere}
.molecular-picture .np-biology-svg{display:block;width:100%;height:106px;overflow:visible}
.molecular-picture .np-grid{stroke:#d6e2d8;fill:none;stroke-width:1;opacity:.16}
.molecular-picture .np-bio-path{fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-dasharray:450;animation:np-bio-draw 2.2s ease both}
.biology-card:not([data-active=true]) .np-bio-path{animation:none;stroke-dashoffset:450}
.molecular-level .mechanism{border:0;padding:0;margin-top:18px}
.molecular-level .mechanism-route{font-size:14px}
.molecular-level .mechanism small{font-size:10px;color:#d4dfd0}
@keyframes np-bio-draw{from{stroke-dashoffset:450}to{stroke-dashoffset:0}}
@media(max-width:760px){.biology-card .clinical{margin:6px 0 12px}.molecular-level{padding-top:10px}.molecular-level .molecular-title{font-size:12px;margin-bottom:10px}.molecular-picture{grid-template-columns:minmax(93px,.85fr) minmax(0,1.3fr);gap:14px}.molecular-names{gap:8px}.molecular-names span{font-size:9px;margin-bottom:2px}.molecular-names strong{font-size:12px}.molecular-names>div{padding-left:7px}.molecular-picture .np-biology-svg{height:94px}.molecular-picture .np-bio-path{stroke-width:1.6px}.molecular-level .mechanism{margin-top:15px}.molecular-level .mechanism-route{font-size:11px}.molecular-level .mechanism small{font-size:9px}.biology-card{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){.molecular-picture .np-bio-path{animation:none!important;stroke-dashoffset:0!important}}

@media(max-width:760px){.biology-card h2{font-size:21px}.biology-card .ribbon{margin-bottom:9px}.biology-card>p{font-size:12px;margin-bottom:10px}.biology-card .clinical{margin-bottom:10px}.molecular-names{gap:5px}.molecular-picture .np-biology-svg{height:82px}.molecular-level .molecular-title{margin-bottom:8px}.molecular-level .mechanism{margin-top:12px}.biology-card{padding-bottom:13px}}
.molecular-picture .np-bio-path{filter:brightness(1.45);opacity:1}
@media(max-width:760px) and (max-height:820px){:scope{--tabs-top:clamp(270px,35.5svh,340px)}}
@media(min-width:761px){.biology-card{padding:18px 21px 17px}.biology-card .ribbon{margin-bottom:10px}.biology-card h2{font-size:28px;margin-bottom:8px}.biology-card>p{font-size:14px;margin-bottom:10px}.biology-card .clinical{margin:6px 0 12px}.molecular-level{padding-top:10px}.molecular-level .molecular-title{margin-bottom:9px}.molecular-names{gap:6px}.molecular-picture .np-biology-svg{height:90px}.molecular-level .mechanism{margin-top:12px}}

/* The Home enrichment modal and mobile purchase action share a single footer row. */
.mobile-kit-cta{display:none}.twin-actions{margin-top:17px;display:flex;align-items:center;gap:16px}
.enrichment-trigger{display:inline-flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;padding:8px 0;color:#e7eddf;min-height:44px;font-size:12px;line-height:1.4}
.enrichment-trigger>span{flex:none;font-size:16px}
@media(max-width:760px){.desktop-kit-cta{display:none}.twin-actions{margin:12px 18px 0;justify-content:space-between;gap:16px}.enrichment-trigger{max-width:165px;flex:1;font-size:12px}.mobile-kit-cta{display:flex;position:static;flex:none;min-height:44px;margin:0;padding:5px 5px 5px 15px;gap:12px;font-size:13px}.mobile-kit-cta>span{width:32px;height:32px}.mobile-kit-cta svg{width:19px;height:19px}}

/* Compact image-led decks use the same rail and focus state as the twin. */
.focus-card.nc-action-card{padding:14px 16px 16px;background:linear-gradient(125deg,#e9cab71c,#c3e5d418);color:#fff7e8;backdrop-filter:blur(14px);overflow:hidden}
.focus-card.nc-action-card:nth-child(2),.focus-card.nc-action-card:nth-child(3){background:linear-gradient(125deg,#d3e5d51c,#b7cfde18)}
.nc-action-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.nc-action-heading .source-icon{width:36px;height:36px}
.nc-action-heading .source-icon svg{width:21px;height:21px}
.nc-action-card .nc-action-heading h2{font-size:24px;line-height:1.15;margin:0;letter-spacing:-.025em}
.nc-action-layout{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(135px,.8fr);gap:20px;align-items:center}
.nc-action-deck{position:relative;padding:0 18px 11px 0;width:100%;max-width:275px;isolation:isolate}
.nc-deck-front{position:relative;background:linear-gradient(145deg,#f4e5d5,#d6e4da);color:#244b47;border:1px solid #f9f1dc8a;border-radius:19px;overflow:hidden;box-shadow:0 9px 25px #14383024;z-index:3}
[data-tone=mint] .nc-deck-front{background:linear-gradient(145deg,#d8e8dd,#c9e2df)}
[data-tone=lilac] .nc-deck-front{background:linear-gradient(145deg,#e6dce9,#d8e0e4)}
[data-tone=sand] .nc-deck-front{background:linear-gradient(145deg,#e8dfcb,#dae1d3)}
[data-tone=sky] .nc-deck-front{background:linear-gradient(145deg,#d1e5e9,#d5e4de)}
.nc-deck-back{position:absolute;border:1px solid #efeada76;border-radius:19px;inset:5px 9px 5px 10px;overflow:hidden;box-shadow:0 6px 15px #19393112}
.nc-deck-back-far{transform:rotate(5deg) translate(4px,2px);background:linear-gradient(140deg,#bce0d5b0,#e1c6dab0);z-index:1}
.nc-deck-back-near{transform:rotate(2.5deg);background:linear-gradient(140deg,#e8d3b9,#cbe0d6);z-index:2}
.nc-deck-back-near img{width:100%;height:45%;object-fit:cover;opacity:.7}
.nc-deck-back-near span{display:block;color:#2e544d;font-size:17px;padding:12px;line-height:1.2}
.nc-card-photo{height:97px;position:relative;overflow:hidden}
.nc-card-photo>img{width:100%;height:100%;object-fit:cover;display:block;object-position:center 46%}
[data-tone=mint] .nc-card-photo>img{object-position:center 36%}
[data-tone=sky] .nc-card-photo>img{object-position:70% 38%}
.nc-example{position:absolute;left:10px;top:10px;border:1px solid #fbf0d940;background:#163a3c75;backdrop-filter:blur(8px);color:#fff8e8;border-radius:20px;padding:4px 8px;font-size:9px;line-height:1.2}
.nc-card-body{padding:10px 11px 11px}
.nc-action-card .nc-card-body h3{font-size:19px;line-height:1.13;font-weight:400;letter-spacing:-.025em;margin:0 0 8px}
.nc-goal-ribbons .ribbon{color:#335a50;background:#ffffff30;border:1px solid #668c7440;margin:0 0 8px;font-size:10px;padding:3px 7px 3px 3px;max-width:100%;line-height:1.25}
.nc-goal-ribbons .ribbon img{width:22px;height:22px}
.nc-organ-ribbons{display:flex;flex-wrap:wrap;gap:7px}
.nc-organ-ribbons .organ-ribbon{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#335a50}
.nc-organ-ribbons .organ-ribbon img{width:23px;height:23px;object-fit:cover;border-radius:50%;border:1px solid #94b5a799;background:#eef3e345}
.nc-action-card .nc-action-explanation p{font-size:14px;line-height:1.45;margin:0 0 17px;color:#edf1e5}
.nc-evidence{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.5;color:#d9e8d9;border-top:1px solid #e6f0d630;padding-top:12px}
.nc-evidence svg{width:18px;height:18px;flex:none;margin-top:2px}
.nc-evidence strong{font-weight:400;color:#f1f1df}
@media(min-width:761px) and (max-width:1100px){.nc-action-layout{gap:12px;grid-template-columns:minmax(190px,1.35fr) minmax(115px,.8fr)}.nc-card-photo{height:108px}.nc-action-card .nc-action-explanation p{font-size:12px}.nc-action-card .nc-card-body h3{font-size:18px}.nc-action-card .nc-action-heading h2{font-size:22px}}
@media(max-width:760px){
 .focus-card.nc-action-card{padding:10px 12px 11px}
 .nc-action-heading{gap:8px;margin-bottom:8px}
 .nc-action-heading .source-icon{width:28px;height:28px}
 .nc-action-heading .source-icon svg{width:18px;height:18px}
 .nc-action-card .nc-action-heading h2{font-size:18px}
 .nc-action-layout{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
 .nc-action-deck{width:100%;max-width:226px;margin:auto;padding-right:15px;padding-bottom:8px}
 .nc-card-photo{height:74px}
 .nc-card-body{padding:8px 9px 9px}
 .nc-action-card .nc-card-body h3{font-size:17px;line-height:1.12;margin-bottom:6px;max-width:200px}
 .nc-goal-ribbons .ribbon{font-size:10px;margin-bottom:5px;padding:2px 6px 2px 2px}
 .nc-goal-ribbons .ribbon img{width:19px;height:19px}
 .nc-organ-ribbons{gap:6px}
 .nc-organ-ribbons .organ-ribbon{font-size:10px;gap:3px}
 .nc-organ-ribbons .organ-ribbon img{width:20px;height:20px}
 .nc-action-card .nc-action-explanation p{font-size:12px;line-height:1.35;margin-bottom:6px}
 .nc-evidence{font-size:10px;padding-top:6px;align-items:center;gap:6px}
 .nc-evidence svg{width:13px;height:13px;margin:0}
 .nc-example{font-size:8px;left:7px;top:7px;padding:3px 6px}
}

}