.p24-page{background:var(--bg,#f7f5ef);color:var(--ink,#172126)}.p24-wrap{max-width:1180px;margin:0 auto;padding:42px 28px 84px}.p24-crumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:13px;margin-bottom:18px;color:var(--muted,#607078)}.p24-crumbs a{text-decoration:none;color:inherit}.p24-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:30px;align-items:stretch;padding:34px;border:1px solid rgba(23,33,38,.11);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(241,239,231,.84));box-shadow:0 18px 54px rgba(26,37,41,.08)}.p24-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:#6d5a25}.p24-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,5vw,66px);line-height:.99;margin:13px 0 18px;max-width:850px}.p24-lead{font-size:19px;line-height:1.65;color:#485960;max-width:780px}.p24-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.p24-status span{border:1px solid rgba(23,33,38,.13);background:rgba(255,255,255,.74);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}.p24-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p24-gallery.one{grid-template-columns:1fr}.p24-visual{margin:0;border-radius:18px;overflow:hidden;background:#e8e6df;border:1px solid rgba(23,33,38,.1);min-height:200px;display:flex;flex-direction:column}.p24-visual:first-child:nth-last-child(3){grid-row:span 2}.p24-visual img{width:100%;height:100%;min-height:180px;object-fit:cover;flex:1}.p24-visual figcaption{font-size:11px;line-height:1.45;padding:9px 11px;background:rgba(255,255,255,.9);color:#536167}.p24-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 42px}.p24-summary article{padding:15px 16px;border:1px solid rgba(23,33,38,.11);border-radius:15px;background:rgba(255,255,255,.74)}.p24-summary b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#776427;margin-bottom:5px}.p24-summary span{font-size:14px;line-height:1.45}.p24-section{margin:42px 0}.p24-section>h2,.p24-boundary h2{font-family:Georgia,'Times New Roman',serif;font-size:32px;margin:0 0 14px}.p24-section>p,.p24-boundary p{font-size:16px;line-height:1.75;color:#42545b}.p24-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.p24-grid article,.p24-flow article,.p24-compare article{border:1px solid rgba(23,33,38,.11);border-radius:18px;padding:21px;background:rgba(255,255,255,.72)}.p24-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#806b2b;font-weight:800}.p24-grid h3{font-size:19px;margin:8px 0}.p24-grid p,.p24-flow p,.p24-compare p{font-size:14px;line-height:1.65;color:#53636a;margin:0}.p24-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.p24-flow b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#202f34;color:#fff;margin-bottom:14px}.p24-flow strong{display:block;margin-bottom:7px}.p24-boundary{margin:38px 0;padding:26px;border-left:5px solid #8c7330;background:#f0ebdc;border-radius:0 18px 18px 0}.p24-note{margin:30px 0;padding:19px 21px;border:1px solid #c9d7da;background:#eef5f5;border-radius:16px;font-size:14px;line-height:1.7;color:#37494f}.p24-list{columns:2;column-gap:34px;padding-left:20px;color:#43565c;line-height:1.75}.p24-list li{break-inside:avoid;margin-bottom:10px}.p24-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.p24-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid rgba(23,33,38,.18);border-radius:999px;text-decoration:none;color:#1d2a2f;background:#fff;font-weight:750;font-size:13px}.p24-btn.primary{background:#17262b;color:#fff;border-color:#17262b}.p24-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.p24-related a{padding:15px 16px;border-radius:14px;text-decoration:none;border:1px solid rgba(23,33,38,.11);background:rgba(255,255,255,.7);color:#25343a;font-weight:700}.p24-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:18px}.p24-diagram div{border:1px solid rgba(23,33,38,.13);border-radius:18px;padding:22px;background:#fff;min-height:108px}.p24-diagram strong{display:block;font-family:Georgia,serif;font-size:21px;margin-bottom:8px}.p24-diagram span{font-size:13px;line-height:1.5;color:#5a686d}.p24-diagram i{font-style:normal;font-size:24px;color:#8a7538}.p24-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.p24-compare strong{display:block;font-size:17px;margin-bottom:8px}.p24-compat{max-width:820px}.p24-compat .p24-visual{margin:22px 0;max-width:600px}
html[data-theme="dark"] .p24-page{background:#111719;color:#eef2ef}html[data-theme="dark"] .p24-hero,html[data-theme="dark"] .p24-summary article,html[data-theme="dark"] .p24-grid article,html[data-theme="dark"] .p24-flow article,html[data-theme="dark"] .p24-compare article,html[data-theme="dark"] .p24-related a,html[data-theme="dark"] .p24-diagram div{background:#182124;border-color:#334046;color:#eef2ef}html[data-theme="dark"] .p24-lead,html[data-theme="dark"] .p24-section>p,html[data-theme="dark"] .p24-grid p,html[data-theme="dark"] .p24-flow p,html[data-theme="dark"] .p24-compare p,html[data-theme="dark"] .p24-diagram span{color:#c0ccd2}html[data-theme="dark"] .p24-boundary{background:#211f19;border-color:#72613a}html[data-theme="dark"] .p24-note{background:#16282c;border-color:#315057}html[data-theme="dark"] .p24-btn{background:#172125;color:#eef2ef;border-color:#405056}html[data-theme="dark"] .p24-btn.primary{background:#eef2ef;color:#152026}
@media(max-width:900px){.p24-hero{grid-template-columns:1fr}.p24-summary{grid-template-columns:repeat(2,1fr)}.p24-flow{grid-template-columns:repeat(2,1fr)}.p24-related{grid-template-columns:repeat(2,1fr)}.p24-diagram{grid-template-columns:1fr}.p24-diagram i{transform:rotate(90deg);justify-self:center}}@media(max-width:600px){.p24-wrap{padding:28px 16px 64px}.p24-hero{padding:22px;border-radius:19px}.p24-gallery{grid-template-columns:1fr}.p24-visual:first-child:nth-last-child(3){grid-row:auto}.p24-summary,.p24-grid,.p24-flow,.p24-related,.p24-compare{grid-template-columns:1fr}.p24-list{columns:1}.p24-lead{font-size:17px}.p24-visual,.p24-visual img{min-height:190px}}@media(prefers-reduced-motion:reduce){.p24-page{scroll-behavior:auto}}