html{scroll-behavior:smooth}.spi-best-use{scroll-margin-top:24px;width:min(1160px,calc(100% - 56px));margin:34px auto 68px;padding:30px;border:1px solid #cfd9d1;border-radius:18px;background:linear-gradient(135deg,#fff,#f4f7f1 62%,#edf2e9);color:#253a30;box-shadow:0 18px 48px rgba(37,58,48,.06)}.spi-best-use>header{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(340px,1.2fr);gap:44px;align-items:end;padding-bottom:23px;border-bottom:1px solid #d6ded7}.spi-best-use>header small{display:block;margin-bottom:8px;color:#987d52;font-size:11px;letter-spacing:.16em}.spi-best-use>header h2{margin:0;font-family:Georgia,Songti SC,serif;font-size:30px;font-weight:500;line-height:1.25}.spi-best-use>header p{margin:0;color:#64746b;font-size:14px;line-height:1.8}.spi-best-use ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:26px 0 24px;list-style:none}.spi-best-use li{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;min-height:118px;padding:8px 20px 8px 0}.spi-best-use li:not(:last-child):after{content:"";position:absolute;top:24px;right:7px;width:17px;height:1px;background:#97aa9e}.spi-best-use li:not(:last-child):before{content:"";position:absolute;top:20px;right:7px;width:8px;height:8px;border-top:1px solid #97aa9e;border-right:1px solid #97aa9e;transform:rotate(45deg)}.spi-best-use li>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#29483a;color:#f5e5bd;font-family:Georgia,serif;font-size:13px;box-shadow:0 4px 13px rgba(41,72,58,.16)}.spi-best-use li strong{display:block;margin:7px 0 9px;font-size:16px;line-height:1.35}.spi-best-use li p{margin:0;color:#748178;font-size:12px;line-height:1.7}.spi-contribution{margin:0 0 25px;padding:19px 20px 17px;border:1px solid #d8e0d9;border-radius:14px;background:rgba(255,255,255,.72)}.spi-contribution>header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:13px}.spi-contribution>header strong{font-size:14px;color:#30483b}.spi-contribution>header span{color:#77857c;font-size:11px;line-height:1.55;text-align:right}.spi-contribution-track{display:flex;gap:3px;width:100%;height:52px;overflow:hidden;border-radius:10px;background:#eee9da;box-shadow:inset 0 0 0 1px rgba(81,72,47,.05)}.spi-contribution-track>div{min-width:0;display:flex;align-items:center;justify-content:center;padding:0 3px;color:#38402d;text-align:center}.spi-contribution-track>div:first-child{background:#d8dfb1}.spi-contribution-track>div:nth-child(2){background:#edd886}.spi-contribution-track>div:nth-child(3){background:#d8b79a}.spi-contribution-track>div:nth-child(4){background:#81945d;color:#fffdf2}.spi-contribution-track>div:nth-child(5){background:#d5a938;color:#322817}.spi-contribution-track>div:nth-child(6){background:#a77c5c;color:#fff8e8}.spi-contribution-track b{font-family:Georgia,serif;font-size:14px;white-space:nowrap}.spi-contribution-labels{display:flex;gap:3px;margin-top:10px}.spi-contribution-labels span{min-width:0;display:block;color:#5e6b63;font-size:10px;line-height:1.4;text-align:center;white-space:nowrap}.spi-contribution>p{display:flex;align-items:center;gap:8px;margin:10px 0 0;color:#697970;font-size:10px}.spi-contribution>p i{width:20px;height:6px;border-radius:99px;background:linear-gradient(90deg,#81945d 0 46%,#d5a938 46% 100%)}.spi-best-use>footer{min-height:70px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-radius:12px;background:#294238;color:#e8eee9}.spi-best-use>footer p{margin:0;font-size:12px;line-height:1.7;color:#d2ddd5}.spi-best-use>footer p strong{color:#f0d9a6}.spi-best-use>footer a{flex:0 0 auto;display:flex;align-items:center;gap:18px;padding:12px 18px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;text-decoration:none;font-size:13px}.spi-best-use>footer a b{font-size:18px;font-weight:400}.spi-depth-capability{margin:0 0 22px;padding:25px;border:1px solid #d4ddd5;border-radius:15px;background:linear-gradient(128deg,#f7f3e8,#fff 45%,#eef4ea);display:grid;grid-template-columns:1fr;gap:22px;color:#2b4035}.spi-depth-intro small{display:block;color:#9b7b4a;font-size:10px;letter-spacing:.15em}.spi-depth-intro h3{margin:8px 0 12px;font:500 26px/1.3 Georgia,Songti SC,serif}.spi-depth-intro p,.spi-depth-purpose{margin:0;color:#69786f;font-size:13px;line-height:1.85}.spi-depth-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spi-depth-levels article{min-height:180px;padding:18px;border-radius:12px;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(132,151,138,.23)}.spi-depth-levels article>span{display:block;color:#91754d;font-size:10px;letter-spacing:.09em}.spi-depth-levels article>strong{display:block;margin:10px 0 8px;font:500 22px Georgia,Songti SC,serif;color:#29483a}.spi-depth-levels article p{margin:0;color:#718078;font-size:12px;line-height:1.7}.spi-depth-levels .professional-depth-level{background:linear-gradient(145deg,#f3f7ef,#e6efe2)}.spi-depth-levels .golden-manual-level{background:linear-gradient(145deg,#fff9e9,#f4e8c6)}.golden-manual-level a{display:inline-flex;align-items:center;gap:15px;margin-top:14px;color:#6f4d22;font:600 14px Georgia,Songti SC,serif;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.golden-manual-level a b{font-size:18px;font-weight:400}.spi-depth-purpose{grid-column:1/-1;padding-top:17px;border-top:1px solid #d8dfd8;color:#4f6559}.golden-manual-banner{position:relative;display:block;width:100%;aspect-ratio:5.2/1;min-height:150px;overflow:hidden;border:1px solid rgba(120,93,52,.2);border-radius:13px;background:#d8c5a5;box-shadow:0 12px 30px rgba(89,66,35,.12);color:#fff;text-decoration:none}.golden-manual-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%;transition:transform .45s ease,filter .45s ease}.golden-manual-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(40,27,16,.26),transparent 38%,transparent 68%,rgba(40,27,16,.18));pointer-events:none}.golden-manual-banner span{position:absolute;z-index:1;right:20px;bottom:16px;display:flex;align-items:center;gap:14px;padding:9px 14px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(45,31,20,.48);backdrop-filter:blur(6px);color:#fff;font:600 12px Georgia,Songti SC,serif}.golden-manual-banner span b{font-size:17px;font-weight:400}.golden-manual-banner:hover img{transform:scale(1.025);filter:brightness(1.04)}html[data-theme=dark] .spi-best-use{background:linear-gradient(140deg,#252d24,#302e21 68%,#342b23);color:#f0ead8;border-color:#56634e}html[data-theme=dark] .spi-best-use>header{border-color:#4c5748}html[data-theme=dark] .spi-best-use li p,html[data-theme=dark] .spi-best-use>header p{color:#c1c9ba!important}html[data-theme=dark] .spi-best-use li>span{background:#a5b76b;color:#1f2a20}html[data-theme=dark] .spi-contribution{background:#20281f;border-color:#4d5948}html[data-theme=dark] .spi-contribution>header strong{color:#f0ead8}html[data-theme=dark] .spi-contribution-labels span,html[data-theme=dark] .spi-contribution>header span,html[data-theme=dark] .spi-contribution>p{color:#d1d2b9!important}html[data-theme=dark] .spi-best-use>footer{background:#17271f}html[data-theme=dark] .spi-depth-capability{background:linear-gradient(135deg,#313326,#3a3024);border-color:#5a624f;color:#f2ead6}html[data-theme=dark] .spi-depth-intro p,html[data-theme=dark] .spi-depth-levels article p,html[data-theme=dark] .spi-depth-purpose{color:#c9cebf}html[data-theme=dark] .spi-depth-levels article{background:rgba(255,255,255,.06)}html[data-theme=dark] .spi-depth-levels .golden-manual-level{background:linear-gradient(145deg,#413723,#514128)}html[data-theme=dark] .spi-depth-levels article>strong{color:#f0e6c8}html[data-theme=dark] .golden-manual-level a{color:#f0cf85}@media(max-width:900px){.spi-best-use>header{grid-template-columns:1fr;gap:12px}.spi-best-use ol{grid-template-columns:1fr 1fr}.spi-best-use li:nth-child(2n):after,.spi-best-use li:nth-child(2n):before{display:none}.spi-depth-levels{grid-template-columns:1fr 1fr}.spi-depth-purpose{grid-column:auto}}@media(max-width:600px){.spi-best-use{width:calc(100% - 32px);margin:26px 16px 42px;padding:22px 18px}.spi-best-use>header h2{font-size:25px}.spi-best-use>header p{font-size:13px}.spi-best-use ol{grid-template-columns:1fr;padding:18px 0}.spi-best-use li{min-height:0;padding:9px 0 17px}.spi-best-use li:after,.spi-best-use li:before{display:none!important}.spi-contribution{padding:16px 12px}.spi-contribution>header{display:block}.spi-contribution>header span{display:block;margin-top:6px;text-align:left}.spi-contribution-track{height:44px}.spi-contribution-track b{font-size:11px}.spi-contribution-labels{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.spi-contribution-labels span{text-align:left;white-space:normal}.spi-depth-capability{padding:18px}.spi-depth-intro h3{font-size:23px}.spi-depth-levels{grid-template-columns:1fr}.golden-manual-banner{aspect-ratio:2.55/1;min-height:130px}.golden-manual-banner span{right:10px;bottom:10px;font-size:10px}.spi-best-use>footer{align-items:stretch;flex-direction:column}.spi-best-use>footer a{justify-content:space-between}}