.resource-detail,.resource-detail *{box-sizing:border-box}.resource-detail{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:24px 0 48px;color:#141414}.resource-detail>*{min-width:0}.resource-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:#737373;font-size:13px;overflow-wrap:anywhere}.resource-breadcrumb a{color:#8d0010;text-decoration:none}.resource-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:32px;padding:44px;border:1px solid #eadcdf;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fff8f8 70%,#f7e4e6 100%)}.resource-hero>*{min-width:0}.resource-type{display:inline-block;margin-bottom:14px;color:#b60016;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.resource-hero h1{max-width:760px;margin:0;font-size:46px;line-height:1.08;overflow-wrap:anywhere}.resource-hero p{max-width:720px;margin:18px 0 0;color:#4e4e4e;font-size:17px;line-height:1.65}.resource-hero aside{display:flex;flex-direction:column;align-self:center;gap:8px;padding:22px;border:1px solid #e5c9ce;border-radius:14px;background:#fff}.resource-hero aside strong{color:#b60016;font-size:20px}.resource-hero aside span{color:#555;font-size:13px}.resource-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-top:30px}.resource-article,.resource-aside section{min-width:0;border:1px solid #e8e1e2;border-radius:16px;background:#fff}.resource-article{padding:38px}.resource-article h2{margin:38px 0 12px;font-size:26px;overflow-wrap:anywhere}.resource-article h2:first-child{margin-top:0}.resource-article p,.resource-article li{color:#393939;font-size:16px;line-height:1.75;overflow-wrap:anywhere}.resource-article ol{padding-left:24px}.resource-aside{display:flex;min-width:0;flex-direction:column;gap:18px}.resource-aside section{padding:24px}.resource-aside h2{margin:0 0 12px;font-size:19px}.resource-aside p{color:#555;font-size:14px;line-height:1.6}.resource-aside a{display:flex;min-height:44px;align-items:center;margin-top:10px;color:#a90014;font-size:14px;font-weight:800;text-decoration:none}.resource-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:30px 36px;border-radius:16px;background:#b60016;color:#fff}.resource-cta h2{margin:0;font-size:26px}.resource-cta p{max-width:720px;margin:8px 0 0;line-height:1.55}.resource-cta a{display:flex;min-height:48px;align-items:center;justify-content:center;padding:0 24px;border-radius:9px;background:#fff;color:#a90014;font-weight:800;text-decoration:none}
@media(max-width:760px){.resource-detail{width:calc(100% - 32px);padding-top:16px}.resource-hero{grid-template-columns:1fr;gap:20px;padding:26px 20px}.resource-hero h1{font-size:32px}.resource-hero p{font-size:15px}.resource-layout{grid-template-columns:1fr;gap:18px}.resource-article{padding:24px 20px}.resource-article h2{font-size:23px}.resource-article p,.resource-article li{font-size:15px}.resource-cta{align-items:stretch;flex-direction:column;padding:25px 20px}.resource-cta h2{font-size:24px}.resource-cta a{width:100%}}
.resource-mobile-accordion{display:grid;gap:12px;margin:24px 0}.resource-mobile-accordion details{border:1px solid #e3e7e5;border-radius:12px;background:#fff;overflow:hidden}.resource-mobile-accordion summary{min-height:52px;display:flex;align-items:center;padding:14px 18px;color:#07552f;font-weight:750;cursor:pointer}.resource-mobile-accordion summary::-webkit-details-marker{display:none}.resource-mobile-accordion summary:after{content:'+';margin-left:auto;font-size:22px}.resource-mobile-accordion details[open] summary:after{content:'−'}.resource-mobile-accordion details>div{padding:0 18px 16px}.resource-disclaimer{margin-top:28px;padding:20px;border-left:4px solid #b60916;border-radius:8px;background:#fff6f6}.resource-disclaimer strong{display:block;margin-bottom:6px}
@media (min-width:601px){.resource-mobile-accordion details>div{display:block!important}.resource-mobile-accordion summary{pointer-events:none}.resource-mobile-accordion summary:after{display:none}}
@media (max-width:600px){.resource-mobile-accordion{gap:10px;margin:18px 0}.resource-mobile-accordion summary{min-height:52px;padding:14px 16px;font-size:16px}.resource-mobile-accordion details>div{padding:0 16px 14px}.resource-mobile-accordion details>div p{font-size:15px;line-height:1.65}.resource-disclaimer{padding:16px}.resource-disclaimer p{font-size:15px;line-height:1.65}}
.resource-key-answer{padding:18px 20px;border-left:4px solid #b60916;border-radius:8px;background:#fff6f6}.resource-guided-journey{display:grid;gap:12px;margin:24px 0}.resource-guided-journey details{border:1px solid #e3e7e5;border-radius:12px;background:#fff;overflow:hidden}.resource-guided-journey summary{display:flex;min-height:54px;align-items:center;gap:12px;padding:14px 18px;color:#07552f;font-weight:750;cursor:pointer}.resource-guided-journey summary::-webkit-details-marker{display:none}.resource-guided-journey summary>span{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:50%;background:#b60916;color:#fff}.resource-guided-journey summary:after{content:'+';margin-left:auto;font-size:22px}.resource-guided-journey details[open] summary:after{content:'−'}.resource-guided-journey details>div{padding:0 18px 16px}.resource-guided-journey h3{margin:4px 0 8px;font-size:18px}
@media (min-width:601px){.resource-guided-journey details>div{display:block!important}.resource-guided-journey summary{pointer-events:none}.resource-guided-journey summary:after{display:none}}
@media (max-width:600px){.resource-key-answer{padding:16px}.resource-guided-journey{gap:10px;margin:18px 0}.resource-guided-journey summary{min-height:56px;padding:13px 14px;font-size:15px}.resource-guided-journey details>div{padding:0 16px 14px}.resource-guided-journey details>div p{font-size:15px;line-height:1.65}}
.resource-viscosity-summary{display:grid;gap:8px;margin:20px 0 24px;padding:18px 20px;border-left:4px solid #b60916;border-radius:8px;background:#fff6f6}.resource-viscosity-summary strong{line-height:1.5}.resource-viscosity-accordion{display:grid;gap:12px;margin:24px 0}.resource-viscosity-accordion details{border:1px solid #e3e7e5;border-radius:12px;background:#fff;overflow:hidden}.resource-viscosity-accordion summary{display:flex;min-height:54px;align-items:center;gap:12px;padding:14px 18px;color:#07552f;font-weight:750;cursor:pointer}.resource-viscosity-accordion summary::-webkit-details-marker{display:none}.resource-viscosity-accordion summary>span{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:50%;background:#b60916;color:#fff}.resource-viscosity-accordion summary:after{content:'+';margin-left:auto;font-size:22px}.resource-viscosity-accordion details[open] summary:after{content:'−'}.resource-viscosity-accordion details>div{padding:0 18px 16px}
@media (min-width:601px){.resource-viscosity-accordion details>div{display:block!important}.resource-viscosity-accordion summary{pointer-events:none}.resource-viscosity-accordion summary:after{display:none}}
@media (max-width:600px){.resource-viscosity-summary{padding:16px}.resource-viscosity-summary strong{font-size:15px}.resource-viscosity-accordion{gap:10px;margin:18px 0}.resource-viscosity-accordion summary{min-height:56px;padding:13px 14px;font-size:15px}.resource-viscosity-accordion details>div{padding:0 16px 14px}.resource-viscosity-accordion details>div p{font-size:15px;line-height:1.65}}

.resource-journey-nav{display:grid;grid-template-columns:auto 1fr 1fr;gap:10px;margin:0 0 16px}.resource-journey-nav a{display:flex;min-height:56px;justify-content:center;flex-direction:column;padding:9px 14px;border:1px solid #e2e4e7;border-radius:8px;color:#172029;text-decoration:none}.resource-journey-nav a.back{min-width:190px;align-items:center;background:#fff6f6;color:#b90010;font-weight:800}.resource-journey-nav a.next{border-color:#c60012}.resource-journey-nav small{color:#697078;font-size:10px}.resource-journey-nav strong{margin-top:3px;font-size:12px;line-height:1.25}.resource-journey-bottom{margin:16px 0 0}
@media(max-width:760px){.resource-journey-nav{grid-template-columns:1fr}.resource-journey-nav a,.resource-journey-nav a.back{width:100%;min-height:56px;min-width:0}.resource-journey-nav a.back{order:-1}}
.normal-article-hero>img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.normal-article-body figure{max-width:100%;margin:28px 0}.normal-article-body figure img{display:block;width:100%;height:auto}.normal-article-body figcaption{margin-top:8px;color:#607068;font-size:13px;text-align:center}

/* Shared normal-article editorial reader. Special resource templates do not use this scope. */
.cmid-normal-article{--normal-reading-width:780px;--normal-media-width:1080px;background:#fff}
.cmid-normal-article .normal-article-header{display:block;background:#f0f6f2}
.cmid-normal-article .normal-article-header>div{max-width:940px;padding:58px 64px}
.cmid-normal-article .normal-article-main-visual{display:flex;width:min(1180px,calc(100vw - 64px));max-width:none;justify-content:center;margin:38px 50% 64px;transform:translateX(-50%);background:#fff}
.cmid-normal-article .normal-article-main-visual>a{display:flex;width:100%;max-width:100%;justify-content:center;cursor:zoom-in}
.cmid-normal-article .normal-article-main-visual.is-portrait>a{width:min(100%,560px)}
.cmid-normal-article .normal-article-main-visual.is-square>a{width:min(100%,820px)}
.cmid-normal-article .normal-article-main-visual img{display:block;width:100%;max-width:100%;height:auto;max-height:none;border-radius:18px;object-fit:contain;box-shadow:0 14px 38px rgba(17,45,33,.1)}
.cmid-normal-article .normal-article-hero{aspect-ratio:3/2;min-height:0;background:#edf3ef}
.cmid-normal-article .normal-article-hero:has(>img):before,.cmid-normal-article .normal-article-hero:has(>img):after{display:none}
.cmid-normal-article .normal-article-hero>img{position:relative;inset:auto;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.cmid-normal-article .normal-article-body{max-width:var(--normal-reading-width);margin:56px auto 64px;color:#26352e;font-size:17px;line-height:1.86}
.cmid-normal-article .normal-article-body>h2{margin:60px 0 18px;color:#102019;font-size:34px;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.cmid-normal-article .normal-article-body>h2:first-child{margin-top:0}
.cmid-normal-article .normal-article-body>h3{margin:38px 0 12px;color:#173127;font-size:23px;line-height:1.3;letter-spacing:-.012em;text-wrap:balance}
.cmid-normal-article .normal-article-body p{margin:0 0 22px;color:#3e5148;font-size:inherit;line-height:inherit}
.cmid-normal-article .normal-article-body ol,.cmid-normal-article .normal-article-body ul{margin:20px 0 30px;padding-left:1.5em}
.cmid-normal-article .normal-article-body li{margin:7px 0;padding-left:.2em}
.cmid-normal-article .normal-article-body figure{width:min(var(--normal-media-width),calc(100vw - 64px));max-width:none;margin:48px 50%;transform:translateX(-50%)}
.cmid-normal-article .normal-article-body figure img{display:block;width:100%;height:auto;max-height:none;border-radius:18px;object-fit:contain;box-shadow:0 12px 34px rgba(17,45,33,.08)}
.cmid-normal-article .normal-article-body figcaption{max-width:var(--normal-reading-width);margin:11px auto 0;color:#64746c;font-size:13px;line-height:1.55}
@media(max-width:760px){
 .cmid-normal-article{--normal-reading-width:100%;--normal-media-width:100%}
 .cmid-normal-article .normal-article-header{border-radius:18px}
 .cmid-normal-article .normal-article-header>div{padding:32px 22px}
 .cmid-normal-article .normal-article-main-visual{width:100%;margin:24px 0 38px;transform:none}
 .cmid-normal-article .normal-article-main-visual img{width:100%;border-radius:13px;box-shadow:0 8px 24px rgba(17,45,33,.08)}
 .cmid-normal-article .normal-article-hero{aspect-ratio:3/2;min-height:0}
 .cmid-normal-article .normal-article-body{margin:34px 2px 46px;font-size:16px;line-height:1.78}
 .cmid-normal-article .normal-article-body>h2{margin:44px 0 15px;font-size:28px;line-height:1.2}
 .cmid-normal-article .normal-article-body>h3{margin:30px 0 10px;font-size:21px}
 .cmid-normal-article .normal-article-body p{margin-bottom:19px}
 .cmid-normal-article .normal-article-body figure{width:100%;margin:32px 0;transform:none}
 .cmid-normal-article .normal-article-body figure img{border-radius:13px;box-shadow:0 8px 24px rgba(17,45,33,.07)}
}

/* Article #2 — topic-specific surfactant learning system. */
.resource-surfactant-guide{--surf-ink:#082f28;--surf-green:#087a58;--surf-aqua:#dff5ef;--surf-blue:#1379a8;--surf-red:#bd1023;--surf-amber:#c97716}
.resource-surfactant-guide .normal-article-header.has-editorial-art{grid-template-columns:minmax(0,1fr) minmax(440px,.88fr);min-height:390px;background:linear-gradient(120deg,#fff9f8 0%,#fff 51%,#e9f8f4 100%)}
.resource-surfactant-guide .normal-article-header.has-editorial-art>div:first-child{padding:56px 54px}
.resource-surfactant-guide .normal-article-editorial-art{position:relative;display:grid;min-height:390px;place-items:center;overflow:hidden;background:linear-gradient(145deg,#eaf8f5,#d8f2ed)}
.resource-surfactant-guide .normal-article-editorial-art:before{content:'';position:absolute;width:430px;height:430px;border:1px solid rgba(8,122,88,.14);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.2),0 0 0 100px rgba(8,122,88,.04)}
.surf-hero-scene{position:relative;width:440px;height:320px}.surf-water,.surf-oil{position:absolute;overflow:hidden;border-radius:150px}.surf-water{left:16px;bottom:22px;width:220px;height:220px;background:radial-gradient(circle at 35% 30%,#b8edff,#57b9dc 65%,#2385b3)}.surf-oil{right:20px;top:14px;width:178px;height:178px;background:radial-gradient(circle at 30% 30%,#ffe4a1,#e9a93a 65%,#ba6d18)}.surf-water:after,.surf-oil:after{content:'';position:absolute;inset:13px;border:1px solid rgba(255,255,255,.55);border-radius:inherit}.surf-water span,.surf-oil span{position:absolute;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em}.surf-water span{left:55px;bottom:48px}.surf-oil span{right:30px;top:45px}.surf-interface{position:absolute;left:181px;top:78px;width:74px;height:178px;border-radius:50%;background:rgba(255,255,255,.44);transform:rotate(36deg)}
.surf-molecule{position:absolute;width:62px;height:15px;border-radius:12px;background:repeating-linear-gradient(90deg,#0d513f 0 5px,transparent 5px 9px);transform-origin:left center}.surf-molecule:before{content:'−';position:absolute;left:-22px;top:-8px;display:grid;width:30px;height:30px;place-items:center;border:3px solid #fff;border-radius:50%;background:#c3142a;color:#fff;font-size:17px;font-weight:900;box-shadow:0 5px 14px rgba(8,47,40,.18)}.surf-molecule i{position:absolute;right:-4px;top:4px;width:10px;height:7px;border-top:2px solid #0d513f;border-bottom:2px solid #0d513f}.surf-molecule.m1{left:178px;top:95px;transform:rotate(42deg)}.surf-molecule.m2{left:160px;top:138px;transform:rotate(27deg)}.surf-molecule.m3{left:155px;top:185px;transform:rotate(10deg)}.surf-molecule.m4{left:171px;top:226px;transform:rotate(-12deg)}.surf-molecule.m5{left:205px;top:253px;transform:rotate(-33deg)}.surf-action{position:absolute;right:7px;bottom:7px;padding:13px 16px;border-radius:13px;background:#fff;box-shadow:0 12px 28px rgba(8,47,40,.13)}.surf-action strong,.surf-action span{display:block}.surf-action strong{color:var(--surf-red);font-size:12px;letter-spacing:.1em}.surf-action span{margin-top:3px;color:#4d6860;font-size:11px}
.resource-surfactant-guide .normal-article-body{max-width:920px}.resource-surfactant-guide .surf-lead{margin:0 0 35px;color:#294b42;font-size:19px;line-height:1.72}.resource-surfactant-guide .normal-article-prose h2{color:var(--surf-ink)}
.surf-quick{width:min(1080px,calc(100vw - 64px));margin:38px 50% 58px;padding:34px;border-radius:25px;background:linear-gradient(130deg,#073c34,#0b755c);color:#fff;transform:translateX(-50%)}.surf-quick>header{text-align:center}.surf-quick>header small{color:#9de5ce;font-size:11px;font-weight:900;letter-spacing:.13em}.surf-quick>header h2{margin:7px 0 0!important;color:#fff!important;font-size:30px!important}.surf-quick-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:27px}.surf-quick-step{position:relative;min-width:0;padding:23px;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(255,255,255,.09)}.surf-quick-step:not(:last-child):after{content:'→';position:absolute;top:50%;right:-16px;color:#9de5ce;font-size:22px;font-weight:900}.surf-quick-icon{display:grid;width:52px;height:52px;place-items:center;margin-bottom:14px;border-radius:50%;background:#fff;color:#087a58;font-size:22px;font-weight:900}.surf-quick-step strong{display:block;color:#fff;font-size:17px}.surf-quick-step span{display:block;margin-top:8px;color:#d9f2e9;font-size:13px;line-height:1.6}
.surf-families{width:min(1120px,calc(100vw - 64px));margin:50px 50% 62px;transform:translateX(-50%)}.surf-families>header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.surf-families>header div{max-width:650px}.surf-families>header small{color:var(--surf-red);font-size:11px;font-weight:900;letter-spacing:.13em}.surf-families>header h2{margin:7px 0 0!important;font-size:31px!important}.surf-families>header p{max-width:390px;margin:0;color:#60736d;font-size:14px;line-height:1.6}.surf-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.surf-family{position:relative;min-width:0;padding:22px 19px 20px;border-top:5px solid var(--family);border-radius:18px;background:var(--family-soft);box-shadow:0 12px 26px rgba(8,47,40,.06)}.surf-family-charge{display:grid;width:49px;height:49px;place-items:center;border-radius:15px;background:var(--family);color:#fff;font-size:21px;font-weight:900}.surf-family h3{margin:18px 0 5px;color:var(--surf-ink);font-size:20px}.surf-family>small{color:var(--family);font-size:10px;font-weight:850;letter-spacing:.09em}.surf-family p{margin:13px 0 0;font-size:13px;line-height:1.62}.surf-family .surf-limit{padding-top:12px;border-top:1px solid rgba(8,47,40,.12);color:#52675f}.surf-family.anionic{--family:#1379a8;--family-soft:#eef8fc}.surf-family.nonionic{--family:#087a58;--family-soft:#edf8f3}.surf-family.amphoteric{--family:#7351a3;--family-soft:#f5f1fa}.surf-family.cationic{--family:#c97716;--family-soft:#fff7ec}
.surf-compare{width:min(1040px,calc(100vw - 64px));margin:44px 50% 62px;padding:29px;border:1px solid #dde8e3;border-radius:22px;background:#fbfdfc;transform:translateX(-50%)}.surf-compare>header h2{margin:0 0 8px!important;font-size:27px!important}.surf-compare>header p{margin:0 0 22px;color:#5d7069}.surf-compare-grid{display:grid;grid-template-columns:1.05fr repeat(4,1fr);overflow:hidden;border:1px solid #dbe5e0;border-radius:14px;background:#fff}.surf-compare-grid>div{min-width:0;padding:13px 11px;border-right:1px solid #e3eae6;border-bottom:1px solid #e3eae6;font-size:12px;line-height:1.5}.surf-compare-grid>div:nth-child(5n){border-right:0}.surf-compare-grid>div:nth-last-child(-n+5){border-bottom:0}.surf-compare-grid .head{background:#eef5f2;color:#173d31;font-weight:850}.surf-compare-grid .rowhead{color:#173d31;font-weight:800}.surf-compare-note{margin:15px 0 0;padding:13px 16px;border-left:4px solid var(--surf-red);border-radius:8px;background:#fff3f4;color:#62484c;font-size:13px;line-height:1.55}
.surf-selection{margin:48px 0 60px}.surf-selection>header small{color:var(--surf-red);font-size:11px;font-weight:900;letter-spacing:.13em}.surf-selection>header h2{margin:7px 0 8px!important}.surf-selection>header p{margin:0;color:#5c6f68}.surf-selection-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:22px;counter-reset:surf-select}.surf-select-step{position:relative;min-width:0;padding:16px 12px;border:1px solid #dfe8e3;border-radius:14px;background:#fff;counter-increment:surf-select}.surf-select-step:before{content:counter(surf-select,decimal-leading-zero);display:grid;width:32px;height:32px;place-items:center;margin-bottom:12px;border-radius:50%;background:var(--surf-red);color:#fff;font-size:11px;font-weight:900}.surf-select-step:not(:last-child):after{content:'›';position:absolute;z-index:2;top:20px;right:-9px;color:#aabbb3;font-size:22px}.surf-select-step strong{display:block;color:var(--surf-ink);font-size:13px;line-height:1.35}.surf-select-step span{display:block;margin-top:6px;color:#63746d;font-size:11px;line-height:1.5}
.surf-myths{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0 52px}.surf-myth{padding:22px;border-radius:17px;background:#fff5f5}.surf-myth:nth-child(2){background:#edf8f3}.surf-myth small{color:var(--surf-red);font-size:10px;font-weight:900;letter-spacing:.1em}.surf-myth:nth-child(2) small{color:var(--surf-green)}.surf-myth h3{margin:8px 0;color:var(--surf-ink);font-size:20px}.surf-myth p{margin:0!important;font-size:14px!important;line-height:1.65!important}.surf-next{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:45px 0;padding:27px 30px;border-radius:20px;background:linear-gradient(120deg,#a9091d,#ce1830);color:#fff}.surf-next strong{display:block;font-size:22px}.surf-next span{display:block;margin-top:6px;color:#ffe5e8;font-size:14px;line-height:1.55}.surf-next a{display:inline-flex;min-height:47px;flex:0 0 auto;align-items:center;padding:0 21px;border-radius:10px;background:#fff;color:#a9091d;font-weight:850;text-decoration:none}.surf-governance{margin:35px 0;padding:22px 24px;border-left:5px solid var(--surf-red);border-radius:12px;background:#fff4f5}.surf-governance strong{display:block;color:#8d1220}.surf-governance p{margin:7px 0 0!important;font-size:14px!important}.surf-sources{margin-top:45px;padding-top:28px;border-top:1px solid #dee7e2}.surf-sources h2{margin-top:0!important}.surf-sources a{display:block;min-height:40px;color:var(--surf-green);font-weight:800;text-decoration:none}
@media(max-width:900px){.surf-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surf-selection-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.surf-select-step:nth-child(3):after{display:none}}
@media(max-width:760px){.resource-surfactant-guide .normal-article-header.has-editorial-art{grid-template-columns:1fr;min-height:0}.resource-surfactant-guide .normal-article-header.has-editorial-art>div:first-child{padding:31px 22px 26px}.resource-surfactant-guide .normal-article-editorial-art{min-height:250px;padding:15px}.resource-surfactant-guide .normal-article-editorial-art:before{width:210px;height:210px}.surf-hero-scene{width:318px;height:220px}.surf-water{left:15px;bottom:10px;width:156px;height:156px}.surf-oil{right:18px;top:7px;width:125px;height:125px}.surf-water span{left:37px;bottom:29px}.surf-oil span{right:18px;top:29px}.surf-interface{left:133px;top:51px;width:54px;height:126px}.surf-molecule{width:43px;height:12px}.surf-molecule:before{left:-18px;top:-6px;width:24px;height:24px;font-size:13px}.surf-molecule.m1{left:128px;top:66px}.surf-molecule.m2{left:116px;top:96px}.surf-molecule.m3{left:112px;top:128px}.surf-molecule.m4{left:123px;top:158px}.surf-molecule.m5{left:149px;top:179px}.surf-action{right:1px;bottom:2px;padding:9px 11px}.surf-action span{font-size:9px}.resource-surfactant-guide .surf-lead{font-size:17px}.surf-quick,.surf-families,.surf-compare{width:100%;margin:34px 0 46px;transform:none}.surf-quick{padding:23px 18px}.surf-quick>header{text-align:left}.surf-quick>header h2{font-size:25px!important}.surf-quick-flow{grid-template-columns:1fr;gap:9px;margin-top:20px}.surf-quick-step{display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:14px}.surf-quick-icon{grid-row:1/3;width:42px;height:42px;margin:0}.surf-quick-step:not(:last-child):after{content:'';top:auto;right:auto;bottom:-10px;left:34px;width:2px;height:11px;background:#84bfae}.surf-quick-step span{margin-top:3px}.surf-families>header{display:block}.surf-families>header h2{font-size:26px!important}.surf-families>header p{margin-top:8px}.surf-family-grid{grid-template-columns:1fr;gap:11px}.surf-family{display:grid;grid-template-columns:50px 1fr;column-gap:13px;padding:17px}.surf-family-charge{grid-row:1/5;width:46px;height:46px}.surf-family h3{margin:2px 0 3px}.surf-family p{margin-top:9px}.surf-family .surf-limit{grid-column:2}.surf-compare{padding:21px 15px}.surf-compare>header h2{font-size:24px!important}.surf-compare-grid{grid-template-columns:104px repeat(4,minmax(118px,1fr));overflow-x:auto}.surf-compare-grid>div{font-size:11px}.surf-compare-scroll{overflow-x:auto;padding-bottom:5px}.surf-selection{margin:38px 0 48px}.surf-selection-flow{grid-template-columns:1fr;gap:9px}.surf-select-step{display:grid;grid-template-columns:36px 1fr;column-gap:11px;padding:13px}.surf-select-step:before{grid-row:1/3;margin:0}.surf-select-step:not(:last-child):after{content:'';top:auto;right:auto;bottom:-10px;left:29px;width:2px;height:11px;background:#d1ddd7}.surf-select-step:nth-child(3):after{display:block}.surf-myths{grid-template-columns:1fr;gap:11px}.surf-next{align-items:stretch;flex-direction:column;padding:23px 20px}.surf-next a{justify-content:center;width:100%}.surf-governance{padding:19px}}

/* RES-0006: decision-led surfactant trial article */
.resource-surfactant-selection{--sel-red:#b70920;--sel-green:#087154;--sel-ink:#132e28;--sel-soft:#f3f8f6}.resource-surfactant-selection .normal-article-header.has-editorial-art{min-height:560px;background:linear-gradient(120deg,#fff6f4 0%,#fff 48%,#eaf8f5 100%)}.resource-surfactant-selection .normal-article-header.has-editorial-art>div:first-child{padding:68px 54px}.resource-surfactant-selection .normal-article-header h1{max-width:680px;font-size:clamp(42px,4.2vw,68px);line-height:1.02}.resource-surfactant-selection .normal-article-header h1:before{content:'Jangan mulai dari nama surfaktan.';display:block;margin-bottom:13px;color:var(--sel-red);font-size:16px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.resource-surfactant-selection .normal-article-editorial-art{overflow:hidden;background:linear-gradient(150deg,#e8f7f3,#d8f1eb)}
.select-hero-scene{position:relative;width:500px;height:390px}.select-lab-flask{position:absolute;right:55px;top:35px;width:180px;height:235px;border:9px solid #0b7059;border-top:0;border-radius:20px 20px 76px 76px;background:linear-gradient(to top,rgba(183,9,32,.8) 0 42%,rgba(255,255,255,.65) 43%)}.select-lab-flask:before{content:'';position:absolute;left:46px;top:-68px;width:72px;height:78px;border:9px solid #0b7059;border-bottom:0;border-radius:14px 14px 0 0}.select-lab-flask:after{content:'';position:absolute;left:17px;right:17px;bottom:72px;height:2px;background:rgba(255,255,255,.65);box-shadow:0 18px rgba(255,255,255,.38),0 36px rgba(255,255,255,.25)}.select-lab-flask span{position:absolute;right:45px;bottom:24px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.14em}.select-lab-flask i{position:absolute;right:-22px;top:42px;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 9px 24px rgba(8,45,38,.16)}.select-lab-flask i:after{content:'✓';display:grid;height:100%;place-items:center;color:var(--sel-green);font-size:24px;font-style:normal;font-weight:900}.select-hero-path{position:absolute;left:-28px;bottom:27px;display:flex;align-items:center;gap:8px;padding:14px 18px;border-radius:14px;background:#fff;box-shadow:0 14px 30px rgba(8,54,44,.12)}.select-hero-path b{font-size:9px;letter-spacing:.05em}.select-hero-path i{color:var(--sel-red);font-style:normal;font-weight:900}.select-result-card{position:absolute;left:4px;top:48px;width:210px;padding:19px;border-left:5px solid var(--sel-red);border-radius:14px;background:#fff;box-shadow:0 14px 30px rgba(8,54,44,.11)}.select-result-card small{color:var(--sel-red);font-weight:900;letter-spacing:.1em}.select-result-card strong,.select-result-card span{display:block}.select-result-card strong{margin-top:7px;color:var(--sel-ink);font-size:19px}.select-result-card span{margin-top:3px;color:#60736c;font-size:13px}
.resource-surfactant-selection .normal-article-body{max-width:980px}.resource-surfactant-selection .normal-article-body p{color:#445d55;line-height:1.75}.select-lead{margin:0 0 44px!important;font-size:19px!important}.select-kicker{display:block;margin-bottom:7px;color:var(--sel-red);font-size:11px;font-weight:900;letter-spacing:.13em}.select-decision-map{width:min(1180px,calc(100vw - 64px));margin:46px 50% 62px;padding:34px;transform:translateX(-50%);border-radius:24px;background:linear-gradient(125deg,#073e34,#087154);color:#fff}.select-decision-map header{text-align:center}.select-decision-map h2{margin:5px 0 0!important;color:#fff!important;font-size:31px!important}.select-map-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:26px}.select-map-step{position:relative;padding:18px 14px;border:1px solid rgba(255,255,255,.19);border-radius:15px;background:rgba(255,255,255,.08)}.select-map-step:not(:last-child):after{content:'→';position:absolute;z-index:2;right:-15px;top:44%;color:#ffc9cf;font-size:22px;font-weight:900}.select-map-step b{display:grid;width:34px;height:34px;place-items:center;margin-bottom:13px;border-radius:10px;background:#fff;color:var(--sel-red);font-size:12px}.select-map-step strong{display:block;font-size:14px;line-height:1.35}.select-map-step span{display:block;margin-top:7px;color:#d9f0e9;font-size:11px;line-height:1.5}
.select-applications,.select-functions{margin:54px 0}.select-section-heading h2{margin:5px 0 0!important;font-size:32px!important}.select-section-heading p{margin-top:9px!important}.select-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.select-app-card{padding:24px;border-radius:18px;background:var(--sel-soft);box-shadow:0 10px 25px rgba(8,54,44,.05)}.select-app-card i{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:#fff;color:var(--sel-green);font-size:23px;font-style:normal}.select-app-card h3{margin:15px 0 7px;color:var(--sel-ink);font-size:20px}.select-app-card p{margin:0!important;font-size:13px!important}.select-function-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:22px}.select-function{display:flex;align-items:center;gap:12px;min-height:78px;padding:14px 16px;border:1px solid #dce7e2;border-radius:14px;background:#fff}.select-function i{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:11px;background:#fff0f2;color:var(--sel-red);font-style:normal;font-weight:900}.select-function strong{color:var(--sel-ink);font-size:14px}.select-function small{display:block;margin-top:3px;color:#667b74;line-height:1.35}
.select-candidate-path{margin:58px 0;padding:30px;border-radius:22px;background:#f6f8f7}.select-candidate-path h2{margin-top:0!important}.select-path-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:22px}.select-path-node{position:relative;min-width:0;padding:17px 10px;text-align:center;border-radius:13px;background:#fff}.select-path-node:not(:last-child):after{content:'→';position:absolute;right:-12px;top:42%;z-index:2;color:var(--sel-red);font-weight:900}.select-path-node b{display:grid;width:31px;height:31px;place-items:center;margin:0 auto 10px;border-radius:50%;background:var(--sel-green);color:#fff;font-size:12px}.select-path-node strong{font-size:12px;line-height:1.35}.select-identity{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;margin:56px 0}.select-identity>div:first-child{padding:28px;border-radius:20px;background:linear-gradient(145deg,#fff3f4,#fff)}.select-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px}.select-check{display:flex;align-items:flex-start;gap:9px;padding:13px;border-radius:12px;background:#f3f8f6;font-size:13px;line-height:1.45}.select-check:before{content:'✓';display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border-radius:50%;background:var(--sel-green);color:#fff;font-size:12px;font-weight:900}
.select-cost{width:min(1120px,calc(100vw - 64px));margin:62px 50%;padding:36px 42px;transform:translateX(-50%);border-radius:24px;background:linear-gradient(120deg,#8d0b1c,#c5162e);color:#fff}.select-cost h2{margin:3px 0 12px!important;color:#fff!important;font-size:35px!important}.select-cost>p{max-width:780px;color:#ffe3e6!important}.select-cost-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px}.select-cost-factor{padding:16px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.09)}.select-cost-factor strong{display:block;font-size:13px}.select-cost-factor span{display:block;margin-top:6px;color:#ffe1e5;font-size:11px;line-height:1.45}
.select-trial{margin:58px 0}.select-trial-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:22px}.select-trial-step{position:relative;padding:17px 12px;border-top:4px solid var(--sel-red);border-radius:14px;background:#fff5f5}.select-trial-step:not(:last-child):after{content:'→';position:absolute;right:-13px;top:40%;z-index:2;color:var(--sel-green);font-weight:900}.select-trial-step b{color:var(--sel-red);font-size:11px}.select-trial-step strong{display:block;margin-top:8px;color:var(--sel-ink);font-size:13px}.select-record{margin:52px 0;padding:28px;border-radius:21px;background:#edf8f4}.select-record h2{margin-top:0!important}.select-record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:19px}.select-record-item{padding:15px;border-radius:12px;background:#fff;color:var(--sel-ink);font-size:13px;font-weight:800}.select-record-item:before{content:'□';margin-right:8px;color:var(--sel-red);font-size:17px}.select-outcomes{margin:58px 0}.select-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:21px}.select-outcome{padding:22px;border-radius:17px;background:#f1f8f5}.select-outcome:nth-child(2){background:#fff6ec}.select-outcome:nth-child(3){background:#fff1f3}.select-outcome small{color:var(--sel-red);font-weight:900;letter-spacing:.08em}.select-outcome strong{display:block;margin:8px 0;color:var(--sel-ink);font-size:18px}.select-outcome p{margin:0!important;font-size:13px!important}.select-prerequisite{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:46px 0;padding:23px 25px;border:1px solid #dce7e2;border-radius:18px}.select-prerequisite strong{color:var(--sel-ink);font-size:18px}.select-prerequisite span{display:block;margin-top:5px;color:#60736c;font-size:13px}.select-prerequisite a{display:inline-flex;min-height:45px;align-items:center;padding:0 18px;border-radius:10px;background:var(--sel-green);color:#fff;font-weight:850;text-decoration:none}.select-governance{margin:35px 0;padding:21px 23px;border-left:5px solid var(--sel-red);border-radius:12px;background:#fff4f5}.select-governance strong{color:#8d1220}.select-governance p{margin:6px 0 0!important;font-size:13px!important}.select-sources{margin-top:43px;padding-top:28px;border-top:1px solid #dbe6e1}.select-sources a{display:block;min-height:38px;color:var(--sel-green);font-weight:800;text-decoration:none}
@media(max-width:900px){.select-map-grid,.select-path-grid,.select-trial-flow{grid-template-columns:repeat(3,1fr)}.select-map-step:nth-child(3):after,.select-path-node:nth-child(3):after,.select-trial-step:nth-child(3):after{display:none}.select-cost-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.resource-surfactant-selection .normal-article-header.has-editorial-art{grid-template-columns:1fr;min-height:0}.resource-surfactant-selection .normal-article-header.has-editorial-art>div:first-child{padding:31px 22px 27px}.resource-surfactant-selection .normal-article-header h1{font-size:36px}.resource-surfactant-selection .normal-article-header h1:before{font-size:11px}.resource-surfactant-selection .normal-article-editorial-art{min-height:280px;padding:12px}.select-hero-scene{width:330px;height:255px}.select-lab-flask{right:28px;top:42px;width:112px;height:148px;border-width:6px;border-radius:14px 14px 48px 48px}.select-lab-flask:before{left:28px;top:-43px;width:46px;height:48px;border-width:6px}.select-lab-flask i{right:-18px;top:25px;width:34px;height:34px}.select-lab-flask span{right:25px;bottom:15px;font-size:9px}.select-result-card{left:5px;top:38px;width:170px;padding:14px}.select-result-card strong{font-size:15px}.select-hero-path{left:0;right:0;bottom:2px;justify-content:center;gap:4px;padding:11px 7px}.select-hero-path b{font-size:7px}.select-lead{font-size:17px!important}.select-decision-map,.select-cost{width:100%;margin:35px 0 47px;transform:none}.select-decision-map{padding:23px 17px}.select-decision-map h2{font-size:25px!important;text-align:left}.select-decision-map header{text-align:left}.select-map-grid,.select-path-grid,.select-trial-flow{grid-template-columns:1fr;gap:9px}.select-map-step,.select-path-node,.select-trial-step{display:grid;grid-template-columns:38px 1fr;column-gap:11px;text-align:left;padding:13px}.select-map-step b,.select-path-node b{grid-row:1/3;width:34px;height:34px;margin:0}.select-map-step:not(:last-child):after,.select-path-node:not(:last-child):after,.select-trial-step:not(:last-child):after{content:'';display:block;top:auto;right:auto;bottom:-10px;left:29px;width:2px;height:11px;background:#86b8a9}.select-map-step span{margin-top:3px}.select-app-grid,.select-function-grid,.select-identity,.select-checklist,.select-record-grid,.select-outcome-grid{grid-template-columns:1fr}.select-section-heading h2{font-size:27px!important}.select-app-card{display:grid;grid-template-columns:49px 1fr;column-gap:12px;padding:18px}.select-app-card i{grid-row:1/3}.select-app-card h3{margin:2px 0 4px}.select-function-grid{gap:8px}.select-candidate-path{padding:22px 16px}.select-path-node strong{font-size:13px}.select-identity{gap:12px}.select-cost{padding:25px 19px}.select-cost h2{font-size:28px!important}.select-cost-grid{grid-template-columns:1fr}.select-trial-step b{grid-row:1/3}.select-trial-step strong{margin-top:2px}.select-record{padding:22px 17px}.select-prerequisite{align-items:stretch;flex-direction:column}.select-prerequisite a{justify-content:center}.select-governance{padding:18px}}

/* RES-0007: visual viscosity learning */
.resource-viscosity-guide{--v-blue:#135d83;--v-teal:#0a806f;--v-red:#b80e27;--v-ink:#15312c}.resource-viscosity-guide .normal-article-header.has-editorial-art{min-height:570px;background:linear-gradient(120deg,#f7fbff,#fff 48%,#eaf8f5)}.resource-viscosity-guide .normal-article-header h1{font-size:clamp(42px,4vw,66px);line-height:1.04}.resource-viscosity-guide .normal-article-editorial-art{overflow:hidden;background:linear-gradient(155deg,#edf9ff,#def5ee)}.resource-viscosity-guide .normal-article-body{max-width:980px}.visc-hero-scene{display:flex;width:520px;height:360px;align-items:flex-end;justify-content:center;gap:22px}.visc-stream{position:relative;width:130px;text-align:center}.visc-stream i{display:block;width:100%;margin:auto;border-radius:70px 70px 30px 30px;background:linear-gradient(#77cdec,#157ca7);box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}.visc-stream.low i{height:95px}.visc-stream.medium i{height:155px;background:linear-gradient(#5acbb8,#0b8c75)}.visc-stream.high i{height:225px;background:linear-gradient(#df6678,#b80e27)}.visc-stream i:before{content:'';position:absolute;top:-58px;left:47px;width:36px;height:62px;border-radius:50% 50% 45% 45%;background:inherit}.visc-stream b,.visc-stream span{display:block}.visc-stream b{margin-top:16px;color:var(--v-ink);font-size:13px}.visc-stream span{margin-top:4px;color:#607570;font-size:10px}.visc-lead{margin:0 0 42px!important;font-size:19px!important;line-height:1.75}.visc-band{width:min(1160px,calc(100vw - 64px));margin:45px 50% 60px;padding:34px 38px;transform:translateX(-50%);border-radius:24px;background:linear-gradient(120deg,#073f55,#08786a);color:#fff}.visc-band h2{margin:5px 0 24px!important;color:#fff!important;font-size:31px!important}.visc-scale{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:16px}.visc-level{padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.08)}.visc-level b{display:block;font-size:18px}.visc-level span{display:block;margin-top:7px;color:#d9f3ee}.visc-arrow{font-size:26px}.visc-warning{margin-top:25px;padding:17px;border-radius:14px;background:#fff;color:var(--v-red);text-align:center;font-size:22px;font-weight:900}.visc-demo{margin:56px 0}.visc-demo-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.visc-pour{position:relative;min-height:290px;padding:22px;border-radius:22px;background:#f1f8fa;text-align:center}.visc-pour:before{content:'';display:block;width:82px;height:82px;margin:0 auto 15px;border:8px solid var(--c);border-top:0;border-radius:10px 10px 38px 38px;transform:rotate(-16deg)}.visc-pour:after{content:'';position:absolute;left:50%;top:105px;width:12px;height:var(--flow);border-radius:8px;background:var(--c);transform:translateX(-50%)}.visc-pour.low{--c:#218fbd;--flow:112px}.visc-pour.medium{--c:#0d927b;--flow:70px}.visc-pour.high{--c:#bc1730;--flow:38px}.visc-pour strong{display:block;margin-top:115px;color:var(--v-ink);font-size:18px}.visc-pour span{display:block;margin-top:6px;color:#637872;font-size:13px}.visc-apps,.visc-conditions,.visc-observe,.visc-record,.visc-takeaway{margin:58px 0}.visc-app-line{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.visc-app{padding:23px;border-left:5px solid var(--c);border-radius:15px;background:#f6f9f8}.visc-app:nth-child(1){--c:#218fbd}.visc-app:nth-child(2){--c:#0d927b}.visc-app:nth-child(3){--c:#bc1730}.visc-app strong{display:block;color:var(--v-ink);font-size:19px}.visc-app span{display:block;margin-top:7px;color:#61766f}.visc-quality{width:min(1120px,calc(100vw - 64px));margin:64px 50%;padding:40px;transform:translateX(-50%);border-radius:25px;background:linear-gradient(135deg,#970c22,#ca1933);color:#fff}.visc-quality h2{margin:0 0 14px!important;color:#fff!important;font-size:36px!important}.visc-quality p{color:#ffe8eb!important}.visc-quality-list{display:flex;gap:10px;margin-top:23px}.visc-quality-list span{flex:1;padding:15px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.08);font-size:12px}.visc-workflow{margin:58px 0}.visc-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}.visc-step{position:relative;padding:18px 13px;border-top:4px solid var(--v-teal);border-radius:14px;background:#eef8f5}.visc-step:not(:last-child):after{content:'→';position:absolute;right:-14px;top:42%;z-index:2;color:var(--v-red);font-weight:900}.visc-step b{color:var(--v-red);font-size:11px}.visc-step strong,.visc-step span{display:block}.visc-step strong{margin-top:7px;color:var(--v-ink);font-size:14px}.visc-step span{margin-top:6px;color:#61766f;font-size:11px}.visc-condition-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.visc-condition-line span{padding:13px 17px;border-radius:999px;background:#edf7f4;color:var(--v-ink);font-weight:800}.visc-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:58px 0}.visc-compare article{padding:28px;border-radius:20px;background:#f2f8fa}.visc-compare article:last-child{background:#edf8f4}.visc-compare small{color:var(--v-red);font-weight:900}.visc-compare h2{margin:9px 0!important}.visc-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.visc-record-grid span{padding:15px;border-radius:12px;background:#f1f7f5;color:var(--v-ink);font-weight:800}.visc-record-grid span:before{content:'□';margin-right:8px;color:var(--v-red)}.visc-takeaway{padding:34px;border-radius:22px;background:#122f29;color:#fff}.visc-takeaway small{color:#ffbec8;font-weight:900}.visc-takeaway h2{margin:8px 0!important;color:#fff!important}.visc-takeaway strong{display:block;margin-top:18px;color:#8ce0cd;font-size:23px}.visc-links{display:flex;gap:12px;margin:35px 0}.visc-links a{flex:1;padding:18px;border:1px solid #dce7e2;border-radius:14px;color:var(--v-teal);font-weight:850;text-decoration:none}.visc-note{padding:21px;border-left:5px solid var(--v-red);border-radius:12px;background:#fff3f5}.visc-sources{margin-top:42px;padding-top:28px;border-top:1px solid #dbe6e1}.visc-sources a{display:block;min-height:38px;color:var(--v-teal);font-weight:800;text-decoration:none}
@media(max-width:760px){.resource-viscosity-guide .normal-article-header.has-editorial-art{grid-template-columns:1fr;min-height:0}.resource-viscosity-guide .normal-article-header.has-editorial-art>div:first-child{padding:31px 22px}.resource-viscosity-guide .normal-article-header h1{font-size:35px}.resource-viscosity-guide .normal-article-editorial-art{min-height:285px;padding:10px}.visc-hero-scene{width:335px;height:250px;gap:12px}.visc-stream{width:88px}.visc-stream.low i{height:65px}.visc-stream.medium i{height:105px}.visc-stream.high i{height:150px}.visc-stream i:before{left:30px;top:-38px;width:28px;height:42px}.visc-band,.visc-quality{width:100%;margin:35px 0 48px;transform:none;padding:24px 18px}.visc-band h2{font-size:26px!important}.visc-scale{grid-template-columns:1fr;gap:8px}.visc-arrow{transform:rotate(90deg);text-align:center}.visc-warning{font-size:18px}.visc-demo-track,.visc-app-line,.visc-flow,.visc-compare,.visc-record-grid{grid-template-columns:1fr}.visc-pour{min-height:220px}.visc-pour strong{margin-top:55px}.visc-quality h2{font-size:29px!important}.visc-quality-list{flex-direction:column}.visc-step{display:grid;grid-template-columns:36px 1fr;column-gap:10px}.visc-step b{grid-row:1/3}.visc-step:not(:last-child):after{content:'';right:auto;top:auto;bottom:-10px;left:29px;width:2px;height:11px;background:#89bdb0}.visc-condition-line span{width:100%;border-radius:12px}.visc-links{flex-direction:column}.visc-takeaway{padding:25px 20px}}
.cmid-learning-cover-art>img{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}

.resource-viscosity-guide .normal-article-header.has-editorial-art{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr)}
.resource-viscosity-guide .normal-article-header.has-editorial-art>div:first-child{max-width:none;padding:68px 54px}
.resource-viscosity-guide .normal-article-editorial-art{display:grid;min-width:0;place-items:center}
@media(max-width:760px){.resource-viscosity-guide .normal-article-header.has-editorial-art{grid-template-columns:1fr}.resource-viscosity-guide .normal-article-header.has-editorial-art>div:first-child{padding:31px 22px}}

/* Article 450: premium shampoo system learning */
.resource-shampoo-guide{--sh-red:#a70b25;--sh-green:#075f54;--sh-teal:#0e8d80;--sh-ink:#102b27;--sh-soft:#edf7f4}.resource-shampoo-guide .normal-article-header.has-editorial-art{display:grid;grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);min-height:610px;background:linear-gradient(130deg,#33040d,#7c0920 46%,#063a37)}.resource-shampoo-guide .normal-article-header.has-editorial-art>div:first-child{max-width:none;padding:72px 36px 72px 62px}.resource-shampoo-guide .normal-article-header small{color:#ffbdc8}.resource-shampoo-guide .normal-article-header h1{max-width:690px;color:#fff;font-size:clamp(44px,4.25vw,70px);line-height:1.01}.resource-shampoo-guide .normal-article-header p{color:#f8dfe4;font-size:18px}.resource-shampoo-guide .normal-article-editorial-art{position:relative;display:grid;min-width:0;place-items:center;overflow:hidden}.shampoo-hero-scene{position:absolute;inset:0}.shampoo-hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center}.shampoo-hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(82,4,20,.56),transparent 34%)}.shampoo-hero-scene span,.shampoo-hero-scene b{position:absolute;z-index:2;right:32px;color:#fff}.shampoo-hero-scene span{bottom:58px;font-size:10px;font-weight:900;letter-spacing:.14em}.shampoo-hero-scene b{bottom:31px;font-size:19px}.resource-shampoo-guide .normal-article-body{max-width:1020px}.shampoo-lead{margin:0 0 46px!important;font-size:20px!important;line-height:1.75}.shampoo-inside{width:min(1220px,calc(100vw - 64px));margin:45px 50% 66px;padding:42px;transform:translateX(-50%);border-radius:28px;background:linear-gradient(145deg,#061e1d,#074b45);color:#fff}.shampoo-inside header{max-width:780px}.shampoo-inside h2{margin:5px 0 9px!important;color:#fff!important;font-size:36px!important}.shampoo-inside header p{color:#cfeae4!important}.shampoo-system-orbit{position:relative;height:610px;margin-top:28px}.shampoo-system-center{position:absolute;left:50%;top:50%;width:370px;height:370px;overflow:hidden;border:1px solid rgba(255,255,255,.23);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 30px 65px rgba(0,0,0,.34)}.shampoo-system-center img{width:100%;height:100%;object-fit:cover;object-position:67% center}.shampoo-system-center:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,24,22,.82),transparent 58%)}.shampoo-system-center strong{position:absolute;z-index:2;left:0;right:0;bottom:43px;color:#fff;text-align:center;font-size:21px;line-height:1.2;letter-spacing:.06em}.shampoo-role{position:absolute;width:225px;padding:17px 19px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}.shampoo-role b,.shampoo-role span{display:block}.shampoo-role b{font-size:16px}.shampoo-role span{margin-top:4px;color:#bce4dc;font-size:12px}.shampoo-role.r1{left:0;top:40px}.shampoo-role.r2{left:0;top:190px}.shampoo-role.r3{left:0;top:340px}.shampoo-role.r4{left:0;top:490px}.shampoo-role.r5{right:0;top:40px}.shampoo-role.r6{right:0;top:190px}.shampoo-role.r7{right:0;top:340px}.shampoo-role.r8{right:0;top:490px}.shampoo-role:after{content:'';position:absolute;top:50%;width:70px;height:1px;background:rgba(164,231,218,.55)}.shampoo-role:nth-of-type(-n+5):after{left:100%}.shampoo-role:nth-of-type(n+6):after{right:100%}.shampoo-quick{margin:60px 0;padding:36px;border-radius:24px;background:linear-gradient(130deg,#fff3f5,#f0faf7)}.shampoo-quick h2{margin:5px 0 23px!important}.shampoo-equation{display:flex;align-items:stretch;gap:7px}.shampoo-equation span{display:grid;min-height:70px;flex:1;place-items:center;padding:10px;border-radius:12px;background:#fff;color:var(--sh-ink);font-size:12px;font-weight:850;text-align:center}.shampoo-equation i{align-self:center;color:var(--sh-red);font-style:normal;font-weight:900}.shampoo-equation b{display:grid;flex:1.4;place-items:center;padding:10px;border-radius:12px;background:var(--sh-green);color:#fff;text-align:center}.shampoo-quick>p{margin:20px 0 0!important;font-size:13px!important}.shampoo-cleanse,.shampoo-hair,.shampoo-flow,.shampoo-sensory{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center;margin:68px 0}.shampoo-cleanse h2,.shampoo-hair h2,.shampoo-flow h2,.shampoo-sensory h2{margin:6px 0 12px!important}.shampoo-cleanse a,.shampoo-flow a,.shampoo-journey>a{display:inline-flex;min-height:46px;align-items:center;margin-top:14px;padding:0 18px;border-radius:10px;background:var(--sh-green);color:#fff;font-weight:850;text-decoration:none}.shampoo-interface{position:relative;height:315px;overflow:hidden;border-radius:25px;background:linear-gradient(145deg,#dff6f3 0 53%,#d4c291 54%)}.shampoo-interface:before{content:'';position:absolute;left:0;right:0;top:52%;height:5px;background:#fff;box-shadow:0 0 25px #fff}.shampoo-interface>span,.shampoo-interface>b{position:absolute;left:22px;color:var(--sh-ink);font-size:11px;letter-spacing:.08em}.shampoo-interface>span{top:20px}.shampoo-interface>b{bottom:20px}.shampoo-interface i{position:absolute;left:var(--x);top:calc(52% - 24px);width:18px;height:50px;border-radius:50% 50% 12px 12px;background:var(--sh-teal);transform:rotate(var(--r))}.shampoo-interface i:after{content:'';position:absolute;left:7px;top:44px;width:4px;height:32px;background:var(--sh-red)}.shampoo-interface i:nth-of-type(1){--x:25%;--r:8deg}.shampoo-interface i:nth-of-type(2){--x:42%;--r:-7deg}.shampoo-interface i:nth-of-type(3){--x:61%;--r:5deg}.shampoo-interface i:nth-of-type(4){--x:78%;--r:-9deg}.shampoo-hair{grid-template-columns:.9fr 1.1fr}.shampoo-hair-visual{position:relative;height:330px;overflow:hidden;border-radius:25px;background:linear-gradient(145deg,#1b080d,#711027)}.shampoo-hair-visual i{position:absolute;left:-10%;width:130%;height:70px;border:14px solid #4d211d;border-color:#5d2824 transparent transparent;border-radius:50%;transform:rotate(-9deg)}.shampoo-hair-visual i:nth-child(1){top:45px}.shampoo-hair-visual i:nth-child(2){top:125px}.shampoo-hair-visual i:nth-child(3){top:205px}.shampoo-hair-visual span{position:absolute;right:20px;bottom:20px;color:#f3bbc4;font-size:11px;font-weight:900;letter-spacing:.12em;text-align:right}.shampoo-flow{grid-template-columns:1fr 1fr;padding:36px;border-radius:25px;background:#eef8f6}.shampoo-flow strong{display:block;margin-top:16px;color:var(--sh-red);font-size:20px}.shampoo-flow-ribbon{position:relative;height:310px;overflow:hidden;border-radius:23px;background:radial-gradient(circle at 40% 40%,#58d5c1,#08756b 50%,#063630)}.shampoo-flow-ribbon i{position:absolute;left:var(--l);top:-15%;width:var(--w);height:130%;border:8px solid rgba(255,255,255,.65);border-left-color:transparent;border-radius:50%;transform:rotate(var(--r))}.shampoo-flow-ribbon i:nth-child(1){--l:2%;--w:42%;--r:18deg}.shampoo-flow-ribbon i:nth-child(2){--l:31%;--w:35%;--r:-11deg}.shampoo-flow-ribbon i:nth-child(3){--l:57%;--w:30%;--r:21deg}.shampoo-flow-ribbon span{position:absolute;left:22px;bottom:20px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em}.shampoo-controls{margin:68px 0}.shampoo-controls header{max-width:760px}.shampoo-control-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.shampoo-control-pair article{padding:28px;border-radius:20px;background:#f4f8f7}.shampoo-control-pair article:last-child{background:#fff2f4}.shampoo-control-pair i{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#fff;color:var(--sh-red);font-style:normal;font-weight:900;box-shadow:0 8px 22px rgba(22,66,57,.08)}.shampoo-control-pair h3{margin:15px 0 8px;color:var(--sh-ink);font-size:20px}.shampoo-control-pair p{margin:0!important;font-size:13px!important}.shampoo-sensory-visual{position:relative;height:310px;overflow:hidden;border-radius:25px;background:linear-gradient(145deg,#521025,#c74a74)}.shampoo-sensory-visual span{position:absolute;width:var(--s);height:var(--s);left:var(--x);top:var(--y);border:2px solid rgba(255,255,255,.72);border-radius:50%;box-shadow:inset 0 0 35px rgba(255,255,255,.2),0 12px 30px rgba(47,4,18,.2)}.shampoo-sensory-visual span:nth-child(1){--s:145px;--x:13%;--y:18%}.shampoo-sensory-visual span:nth-child(2){--s:92px;--x:52%;--y:48%}.shampoo-sensory-visual span:nth-child(3){--s:52px;--x:74%;--y:14%}.shampoo-water{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;margin:65px 0;padding:32px;border-radius:24px;background:linear-gradient(120deg,#e7f7fb,#f6fbfa)}.shampoo-water>span{display:grid;width:150px;height:150px;place-items:center;border-radius:50% 50% 50% 18%;background:linear-gradient(#71cde8,#167ca9);color:#fff;font-size:30px;font-weight:900;transform:rotate(-8deg)}.shampoo-water>span+div{transform:translateY(0)}.shampoo-function{width:min(1140px,calc(100vw - 64px));margin:68px 50%;padding:39px;transform:translateX(-50%);border-radius:26px;background:#102d28;color:#fff}.shampoo-function h2{margin:5px 0 24px!important;color:#fff!important}.shampoo-function-compare{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:16px}.shampoo-function-compare article{padding:23px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(255,255,255,.08)}.shampoo-function-compare article b{color:#8de0d2;font-size:11px;letter-spacing:.12em}.shampoo-function-compare article strong{display:block;margin-top:7px;font-size:18px}.shampoo-function-compare article p{color:#d7ebe7!important;font-size:13px!important}.shampoo-function-compare>i{color:#ff9bad;font-size:35px;font-style:normal;font-weight:900;text-align:center}.shampoo-journey{margin:68px 0}.shampoo-journey-line{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:22px}.shampoo-journey-line span{position:relative;min-height:94px;padding:16px 12px;border-top:4px solid var(--sh-teal);border-radius:13px;background:#eff8f6;font-size:12px;font-weight:850}.shampoo-journey-line span:not(:last-child):after{content:'→';position:absolute;right:-13px;top:40%;z-index:2;color:var(--sh-red)}.shampoo-journey-line b{display:block;margin-bottom:8px;color:var(--sh-red);font-size:11px}.shampoo-owner-visual{margin:68px 0}.shampoo-owner-visual img{display:block;width:100%;height:auto;border-radius:22px}.shampoo-owner-visual figcaption{padding:12px 5px;color:#65746f;font-size:12px}.shampoo-future{margin:56px 0;padding:29px;border-radius:20px;background:#f3f8f6}.shampoo-note{margin:35px 0;padding:21px;border-left:5px solid var(--sh-red);border-radius:12px;background:#fff2f4}.shampoo-note p{margin:6px 0 0!important;font-size:13px!important}
@media(max-width:760px){.resource-shampoo-guide .normal-article-header.has-editorial-art{grid-template-columns:1fr;min-height:0}.resource-shampoo-guide .normal-article-header.has-editorial-art>div:first-child{padding:31px 22px}.resource-shampoo-guide .normal-article-header h1{font-size:36px}.resource-shampoo-guide .normal-article-editorial-art{min-height:330px}.shampoo-hero-scene span{bottom:42px}.shampoo-hero-scene b{bottom:19px}.shampoo-lead{font-size:17px!important}.shampoo-inside,.shampoo-function{width:100%;margin:36px 0 48px;padding:24px 18px;transform:none}.shampoo-inside h2{font-size:28px!important}.shampoo-system-orbit{display:grid;height:auto;grid-template-columns:1fr 1fr;gap:9px}.shampoo-system-center{position:relative;left:auto;top:auto;width:100%;height:260px;grid-column:1/-1;border-radius:20px;transform:none}.shampoo-role{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto;padding:14px}.shampoo-role:after{display:none}.shampoo-quick{padding:24px 18px}.shampoo-equation{display:grid;grid-template-columns:1fr 26px 1fr}.shampoo-equation b{grid-column:1/-1;min-height:64px}.shampoo-cleanse,.shampoo-hair,.shampoo-flow,.shampoo-sensory{grid-template-columns:1fr;gap:17px;margin:48px 0}.shampoo-interface,.shampoo-hair-visual,.shampoo-flow-ribbon,.shampoo-sensory-visual{height:260px}.shampoo-hair-visual{grid-row:2}.shampoo-flow{padding:22px 18px}.shampoo-control-pair{grid-template-columns:1fr}.shampoo-water{grid-template-columns:88px 1fr;gap:16px;padding:22px 17px}.shampoo-water>span{width:82px;height:82px;font-size:18px}.shampoo-function-compare{grid-template-columns:1fr}.shampoo-function-compare>i{font-size:26px}.shampoo-journey-line{grid-template-columns:1fr}.shampoo-journey-line span{display:grid;min-height:68px;grid-template-columns:36px 1fr;align-items:center}.shampoo-journey-line b{margin:0}.shampoo-journey-line span:not(:last-child):after{content:'';right:auto;top:auto;bottom:-10px;left:29px;width:2px;height:11px;background:#8abfb5}.shampoo-owner-visual{margin:48px 0}}

/* RES-0001: owner-approved Knowledge Polish Batch 1 document journey. */
.resource-document-guide .normal-article-header{background:linear-gradient(125deg,#fff8f8 0%,#fff 54%,#edf6f2 100%)}
.resource-document-guide .normal-article-header.has-editorial-art{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);min-height:390px;background:linear-gradient(115deg,#fff7f7 0%,#fff 45%,#eaf3ef 100%)}
.resource-document-guide .normal-article-header.has-editorial-art>div:first-child{max-width:none;padding:55px 30px 55px 62px}
.resource-document-guide .normal-article-editorial-art{position:relative;display:grid;min-width:0;place-items:center;overflow:hidden;padding:28px;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.92),transparent 38%),linear-gradient(145deg,#e4f1eb,#cddfd6)}
.resource-document-guide .normal-article-editorial-art:before{content:'';position:absolute;width:310px;height:310px;border:1px solid rgba(14,99,63,.16);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.22),0 0 0 88px rgba(14,99,63,.05)}
.coa-hero-scene{position:relative;width:min(100%,500px);height:310px}
.coa-hero-pack{position:absolute;z-index:2;left:3%;bottom:16px;width:154px;height:220px;padding:72px 15px 15px;border-radius:22px 22px 14px 14px;background:linear-gradient(155deg,#8e1020,#c21d31);box-shadow:0 24px 40px rgba(68,20,27,.2);color:#fff;text-align:center}
.coa-hero-pack:before{content:'';position:absolute;left:45px;top:-35px;width:64px;height:42px;border-radius:10px 10px 2px 2px;background:#6b111d;box-shadow:inset 0 8px rgba(255,255,255,.09)}
.coa-hero-pack i{position:absolute;left:22px;right:22px;top:54px;height:1px;background:rgba(255,255,255,.5)}
.coa-hero-pack b{display:block;font-size:18px;line-height:1.14;letter-spacing:.04em}
.coa-hero-pack span{display:inline-flex;margin-top:15px;padding:6px 10px;border:1px solid rgba(255,255,255,.42);border-radius:20px;font-size:10px;letter-spacing:.1em}
.coa-hero-document{position:absolute;z-index:3;right:6%;top:18px;width:230px;height:274px;padding:28px 26px;border:1px solid #d4dfd9;border-radius:13px;background:#fff;box-shadow:0 24px 48px rgba(24,60,43,.18);transform:rotate(3deg)}
.coa-hero-document:before{content:'';position:absolute;right:0;top:0;border-top:34px solid #dfeae4;border-left:34px solid transparent}
.coa-hero-document small{display:block;color:#a50a1d;font-size:28px;font-weight:900;letter-spacing:.08em}
.coa-hero-document i{display:block;width:100%;height:9px;margin-top:16px;border-radius:5px;background:#dce7e1}
.coa-hero-document i:nth-of-type(2){width:75%}.coa-hero-document i:nth-of-type(3){width:88%}
.coa-hero-document strong{position:absolute;left:26px;bottom:28px;color:#183c2d;font-size:13px;line-height:1.35;letter-spacing:.05em}
.coa-hero-batch{position:absolute;z-index:4;right:0;bottom:1px;width:185px;padding:13px 16px;border-radius:12px;background:#173d2e;color:#fff;box-shadow:0 12px 28px rgba(20,61,44,.22);transform:rotate(-3deg)}
.coa-hero-batch small{font-size:10px;font-weight:850;letter-spacing:.11em}.coa-hero-batch b{display:block;margin-top:4px;color:#a8d8bf;letter-spacing:.12em}
.coa-hero-check{position:absolute;z-index:5;right:41%;bottom:26px;display:grid;width:52px;height:52px;place-items:center;border:5px solid #fff;border-radius:50%;background:#0d7549;color:#fff;font-size:25px;font-weight:900;box-shadow:0 8px 22px rgba(12,89,55,.25)}
.resource-document-guide .normal-article-header small{color:#b5091b;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.resource-document-guide .normal-article-header h1{max-width:820px}
.resource-document-guide .normal-article-body{--coa-red:#b5091b;--coa-green:#0b6941;--coa-ink:#173127;--coa-soft:#f5f8f6}
.resource-document-guide .coa-lead{font-size:19px;line-height:1.75;color:#30473d}
.resource-document-guide .coa-quick{width:min(1120px,calc(100vw - 64px));margin:42px 50% 60px;padding:30px;border:1px solid #e3e9e6;border-radius:22px;background:#fff;box-shadow:0 16px 44px rgba(22,56,41,.07);transform:translateX(-50%)}
.resource-document-guide .coa-quick>header{text-align:center}.resource-document-guide .coa-quick>header small{color:var(--coa-red);font-size:12px;font-weight:900;letter-spacing:.13em}.resource-document-guide .coa-quick>header h2{margin:8px 0 0;color:var(--coa-ink);font-size:29px}
.resource-document-guide .coa-quick-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:26px;counter-reset:quick-step}
.resource-document-guide .coa-quick-step{position:relative;min-width:0;padding:17px 14px;border-radius:15px;background:#f5f8f6;counter-increment:quick-step;text-align:center}
.resource-document-guide .coa-quick-step:not(:last-child):after{content:'→';position:absolute;z-index:3;top:43px;right:-17px;color:#a8b7af;font-size:21px;font-weight:900}
.resource-document-guide .coa-quick-icon{display:grid;width:44px;height:44px;place-items:center;margin:0 auto 10px;border:1px solid #cdded5;border-radius:50%;background:#fff;color:var(--coa-green);font-size:19px;font-weight:900}
.resource-document-guide .coa-quick-step strong{display:block;color:var(--coa-ink);font-size:13px;line-height:1.3}.resource-document-guide .coa-quick-step span{display:block;margin-top:6px;color:#627169;font-size:12px;line-height:1.45}
.resource-document-guide .coa-quick-step:nth-child(4) .coa-quick-icon{color:var(--coa-red)}
.resource-document-guide .coa-schematic{width:min(1020px,calc(100vw - 64px));margin:42px 50% 58px;padding:28px;border:1px solid #e2e8e4;border-radius:22px;background:linear-gradient(145deg,#f8faf9,#fff);transform:translateX(-50%)}
.resource-document-guide .coa-schematic>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.resource-document-guide .coa-schematic>header small{color:var(--coa-red);font-size:11px;font-weight:900;letter-spacing:.12em}.resource-document-guide .coa-schematic>header h3{margin:6px 0 0;color:var(--coa-ink);font-size:25px}.resource-document-guide .coa-schematic>header span{max-width:300px;color:#66766e;font-size:12px;line-height:1.5;text-align:right}
.resource-document-guide .coa-sheet{overflow:hidden;border:1px solid #d6dfda;border-radius:14px;background:#fff;box-shadow:0 12px 28px rgba(29,62,47,.08)}
.resource-document-guide .coa-sheet-head{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 20px;border-bottom:1px solid #dfe7e2}.resource-document-guide .coa-sheet-head strong{color:#173b2c;font-size:18px}.resource-document-guide .coa-sheet-head span{color:#9a1222;font-size:11px;font-weight:850;letter-spacing:.09em}
.resource-document-guide .coa-identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dfe7e2}.resource-document-guide .coa-identity-grid>div{padding:14px 18px;background:#f5f8f6}.resource-document-guide .coa-identity-grid small,.resource-document-guide .coa-table small{display:block;color:#68776f;font-size:9px;font-weight:850;letter-spacing:.1em}.resource-document-guide .coa-placeholder{display:block;margin-top:5px;color:#213b30;font-weight:800;letter-spacing:.06em}
.resource-document-guide .coa-table{display:grid;grid-template-columns:1.1fr 1fr 1fr}.resource-document-guide .coa-table>div{min-height:78px;padding:14px 18px;border-top:1px solid #e1e7e3;border-right:1px solid #e1e7e3}.resource-document-guide .coa-table>div:nth-child(3n){border-right:0}.resource-document-guide .coa-table strong{display:block;margin-top:7px;color:#263f34;font-size:13px}.resource-document-guide .coa-table .is-spec{background:#fff8f8}.resource-document-guide .coa-table .is-result{background:#f0f8f4}
.resource-document-guide .coa-spec-result{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.resource-document-guide .coa-spec-result>div{padding:18px;border-radius:14px;background:#fff2f3}.resource-document-guide .coa-spec-result>div:last-child{background:#edf7f1}.resource-document-guide .coa-spec-result strong{display:block;color:#9c1020;font-size:15px}.resource-document-guide .coa-spec-result>div:last-child strong{color:#0a6840}.resource-document-guide .coa-spec-result span{display:block;margin-top:6px;color:#586860;font-size:13px;line-height:1.55}
.resource-document-guide .coa-document-path{width:min(1120px,calc(100vw - 64px));margin:46px 50% 62px;padding:34px;border:1px solid #e3ebe6;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#f5faf7 100%);box-shadow:0 18px 48px rgba(22,56,41,.08);transform:translateX(-50%)}
.resource-document-guide .coa-document-path>header{text-align:center}
.resource-document-guide .coa-document-path>header small{color:var(--coa-red);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.resource-document-guide .coa-document-path>header h2{margin:8px 0 7px;color:var(--coa-ink);font-size:30px;line-height:1.2}
.resource-document-guide .coa-document-path>header p{margin:0 auto;color:#607068;font-size:15px;line-height:1.6}
.resource-document-guide .coa-path-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px;counter-reset:coa-step}
.resource-document-guide .coa-path-step{position:relative;min-width:0;padding:20px 17px 18px;border:1px solid #dfe8e3;border-radius:16px;background:#fff;counter-increment:coa-step}
.resource-document-guide .coa-path-step:before{content:counter(coa-step,decimal-leading-zero);display:grid;width:34px;height:34px;place-items:center;margin-bottom:15px;border-radius:50%;background:var(--coa-red);color:#fff;font-size:12px;font-weight:850}
.resource-document-guide .coa-path-step:not(:last-child):after{content:'›';position:absolute;z-index:2;top:25px;right:-12px;color:#b9c8c0;font-size:25px;font-weight:800}
.resource-document-guide .coa-path-step strong{display:block;color:var(--coa-ink);font-size:15px;line-height:1.35}
.resource-document-guide .coa-path-step span{display:block;margin-top:7px;color:#64746c;font-size:13px;line-height:1.55}
.resource-document-guide .coa-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 48px}
.resource-document-guide .coa-compare section{padding:25px;border:1px solid #dfe7e2;border-radius:18px;background:var(--coa-soft)}
.resource-document-guide .coa-compare section:last-child{background:#fff7f7;border-color:#ecd9dc}
.resource-document-guide .coa-compare small{display:inline-flex;margin-bottom:12px;color:var(--coa-green);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.resource-document-guide .coa-compare section:last-child small{color:var(--coa-red)}
.resource-document-guide .coa-compare h3{margin:0 0 9px;color:var(--coa-ink);font-size:21px}
.resource-document-guide .coa-compare p{margin:0;font-size:15px;line-height:1.7}
.resource-document-guide .coa-checklist{margin:26px 0 44px;padding:27px 30px;border-radius:18px;background:#132f24;color:#fff}
.resource-document-guide .coa-checklist h3{margin:0 0 15px;color:#fff;font-size:22px}
.resource-document-guide .coa-checklist ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:0;padding:0;list-style:none}
.resource-document-guide .coa-checklist li{position:relative;margin:0;padding-left:26px;color:#eaf3ee;font-size:15px;line-height:1.6}
.resource-document-guide .coa-checklist li:before{content:'✓';position:absolute;left:0;color:#79d6a6;font-weight:900}
.resource-document-guide .coa-boundary{margin:40px 0;padding:24px 26px;border-left:5px solid var(--coa-red);border-radius:12px;background:#fff4f5}
.resource-document-guide .coa-boundary strong{display:block;margin-bottom:7px;color:#83101d}
.resource-document-guide .coa-boundary p{margin:0;color:#5b4245;font-size:15px;line-height:1.7}
.resource-document-guide .coa-source{margin-top:48px;padding-top:30px;border-top:1px solid #dfe6e2}
.resource-document-guide .coa-source h2{margin:0 0 10px!important;font-size:24px!important}
.resource-document-guide .coa-source p{font-size:15px}
.resource-document-guide .coa-source a{display:inline-flex;min-height:44px;align-items:center;color:var(--coa-red);font-weight:800;text-decoration:none}
.resource-document-guide .coa-action{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(980px,calc(100vw - 64px));margin:52px 50% 16px;padding:28px 32px;border-radius:20px;background:linear-gradient(120deg,#a60719,#cb1529);color:#fff;transform:translateX(-50%)}
.resource-document-guide .coa-action strong{display:block;font-size:22px;line-height:1.3}
.resource-document-guide .coa-action span{display:block;margin-top:5px;color:#ffe8eb;font-size:14px;line-height:1.55}
.resource-document-guide .coa-action a{display:inline-flex;min-height:48px;flex:0 0 auto;align-items:center;padding:0 22px;border-radius:10px;background:#fff;color:#a60719;font-weight:850;text-decoration:none}
@media(max-width:760px){
 .resource-document-guide .normal-article-header.has-editorial-art{grid-template-columns:1fr;min-height:0}
 .resource-document-guide .normal-article-header.has-editorial-art>div:first-child{padding:31px 22px 26px}
 .resource-document-guide .normal-article-editorial-art{min-height:250px;padding:18px}
 .resource-document-guide .normal-article-editorial-art:before{width:210px;height:210px}
 .coa-hero-scene{width:310px;height:220px}.coa-hero-pack{left:4px;bottom:9px;width:106px;height:155px;padding:51px 9px 10px;border-radius:16px 16px 10px 10px}.coa-hero-pack:before{left:31px;top:-24px;width:44px;height:30px}.coa-hero-pack i{left:14px;right:14px;top:39px}.coa-hero-pack b{font-size:13px}.coa-hero-pack span{margin-top:9px;padding:4px 7px;font-size:7px}.coa-hero-document{right:8px;top:4px;width:160px;height:194px;padding:18px}.coa-hero-document small{font-size:21px}.coa-hero-document i{height:7px;margin-top:11px}.coa-hero-document strong{left:18px;bottom:18px;font-size:9px}.coa-hero-batch{right:0;bottom:0;width:132px;padding:9px 11px}.coa-hero-batch small{font-size:7px}.coa-hero-check{right:39%;bottom:15px;width:39px;height:39px;border-width:4px;font-size:18px}
 .resource-document-guide .coa-lead{font-size:17px}
 .resource-document-guide .coa-quick{width:100%;margin:32px 0 44px;padding:22px 17px;transform:none}.resource-document-guide .coa-quick>header{text-align:left}.resource-document-guide .coa-quick>header h2{font-size:24px}.resource-document-guide .coa-quick-steps{grid-template-columns:1fr;gap:9px;margin-top:20px}.resource-document-guide .coa-quick-step{display:grid;grid-template-columns:42px 1fr;column-gap:11px;padding:12px;text-align:left}.resource-document-guide .coa-quick-icon{grid-row:1/3;width:40px;height:40px;margin:0}.resource-document-guide .coa-quick-step:not(:last-child):after{content:'';top:auto;right:auto;bottom:-10px;left:31px;width:2px;height:11px;background:#d0ddd6}.resource-document-guide .coa-quick-step span{margin-top:3px}
 .resource-document-guide .coa-schematic{width:100%;margin:34px 0 44px;padding:18px 14px;transform:none}.resource-document-guide .coa-schematic>header{display:block}.resource-document-guide .coa-schematic>header h3{font-size:22px}.resource-document-guide .coa-schematic>header span{display:block;margin-top:7px;text-align:left}.resource-document-guide .coa-sheet-head{display:block;padding:15px}.resource-document-guide .coa-sheet-head span{display:block;margin-top:5px}.resource-document-guide .coa-identity-grid{grid-template-columns:1fr}.resource-document-guide .coa-identity-grid>div{padding:12px 14px}.resource-document-guide .coa-table{grid-template-columns:1fr}.resource-document-guide .coa-table>div{min-height:0;padding:12px 14px;border-right:0}.resource-document-guide .coa-spec-result{grid-template-columns:1fr;gap:9px}.resource-document-guide .coa-spec-result>div{padding:15px}
 .resource-document-guide .coa-document-path{width:100%;margin:34px 0 45px;padding:23px 18px;transform:none}
 .resource-document-guide .coa-document-path>header{text-align:left}
 .resource-document-guide .coa-document-path>header h2{font-size:25px}
 .resource-document-guide .coa-path-steps{grid-template-columns:1fr;gap:10px;margin-top:22px}
 .resource-document-guide .coa-path-step{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px;padding:15px}
 .resource-document-guide .coa-path-step:before{grid-row:1/3;width:32px;height:32px;margin:0}
 .resource-document-guide .coa-path-step:not(:last-child):after{content:'';top:auto;right:auto;bottom:-11px;left:30px;width:2px;height:12px;background:#d6e2dc}
 .resource-document-guide .coa-path-step span{margin-top:4px}
 .resource-document-guide .coa-compare{grid-template-columns:1fr;gap:12px;margin-bottom:38px}
 .resource-document-guide .coa-compare section{padding:20px}
 .resource-document-guide .coa-checklist{padding:22px 20px}
 .resource-document-guide .coa-checklist ul{grid-template-columns:1fr;gap:9px}
 .resource-document-guide .coa-boundary{padding:20px}
 .resource-document-guide .coa-action{width:100%;align-items:stretch;flex-direction:column;margin:38px 0 10px;padding:24px 20px;transform:none}
 .resource-document-guide .coa-action a{justify-content:center;width:100%}
}