.detail-main{padding-top:110px;padding-bottom:80px;background:#f8fafc;color:#15375c}
.detail-skip{position:absolute;top:10px;left:16px;z-index:1000;padding:12px 18px;background:#fff;color:#15375c;border:2px solid #6740c6;border-radius:6px;transform:translateY(-180%);font-size:16px}
.detail-skip:focus{transform:translateY(0)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.7;color:#536b87;padding-top:22px;padding-bottom:26px}
.breadcrumbs a{color:#225ea5;text-decoration:underline;text-underline-offset:3px}
.detail-heading{padding-bottom:36px}
.detail-heading h1{font-size:clamp(2rem,4.4vw,4rem);line-height:1.15;letter-spacing:-.035em;margin:12px 0 22px;overflow-wrap:anywhere}
.detail-purpose{font-size:20px;line-height:1.65;max-width:940px;color:#48627e}
.detail-taxonomy{display:flex;flex-wrap:wrap;gap:18px 36px;margin:26px 0 0;padding-top:24px;border-top:1px solid #d8e2ed}
.detail-taxonomy div{max-width:560px}.detail-taxonomy dt{font-size:14px;font-weight:700;color:#566b83;margin-bottom:7px}.detail-taxonomy dd{margin:0;font-size:16px;line-height:1.65}
.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:36px;align-items:start}
.detail-hero{margin:0 0 36px;background:#edf3f9;border:1px solid #d9e3ee;border-radius:12px;overflow:hidden}
.detail-hero img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain}
.detail-hero figcaption{font-size:14px;line-height:1.6;padding:12px 18px;color:#526c89;border-top:1px solid #d9e3ee}
.detail-section{margin:0 0 36px}.detail-section h2,.share-panel h2,.detail-related h2{font-size:26px;line-height:1.3;margin:0 0 18px;color:#173b62}
.detail-section p{font-size:16px;line-height:1.8;color:#3f5773;margin:0 0 16px;white-space:pre-line}
.detail-feature-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.detail-feature-list li{padding:18px 22px;border:1px solid #d4e1ee;border-left:3px solid #2975bc;border-radius:7px;background:#fff;font-size:16px;line-height:1.7;color:#36526f}
.detail-sidebar{position:sticky;top:110px;display:grid;gap:22px}.share-panel{padding:26px;border:1px solid #cfddec;border-radius:12px;background:#fff;box-shadow:0 8px 22px #15375c06}
.share-panel h2{font-size:22px}.share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.share-button{font:inherit;font-size:14px;font-weight:700;line-height:1.4;border:1px solid #c0d1e2;background:#f2f6fb;border-radius:6px;padding:12px 16px;color:#1a4e80;text-decoration:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;min-height:44px}
.share-button:hover{background:#e4eef8}.whatsapp-share{background:#e7f6ee;color:#136340;border-color:#aad5bd}.whatsapp-share:hover{background:#d6efdf}
.share-panel label{display:block;font-size:14px;font-weight:700;margin-bottom:8px;color:#506784}.share-panel input{box-sizing:border-box;width:100%;min-width:0;font:inherit;font-size:14px;padding:12px;border:1px solid #c8d7e6;border-radius:6px;color:#274a6e;background:#f8fafc}
#share-status{min-height:20px;font-size:14px;line-height:1.5;margin:10px 0 0;color:#246744}.detail-back{font-size:16px;color:#225ea5;text-decoration:underline;text-underline-offset:4px;line-height:1.65}
.detail-related{margin-top:52px;border-top:1px solid #d8e2ed;padding-top:34px}.detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.detail-related-grid>a{background:#fff;overflow:hidden;border:1px solid #d1dfed;border-radius:9px;text-decoration:none;color:inherit}.detail-related-grid img{display:block;width:100%;height:200px;object-fit:cover}.detail-related-grid div{padding:22px}.detail-related-grid h3{font-size:20px;line-height:1.4;margin:0 0 10px}.detail-related-grid p{font-size:14px;line-height:1.7;margin:0;color:#536c86}
.detail-main a:focus-visible,.detail-main button:focus-visible,.detail-main input:focus-visible{outline:3px solid #6740c6;outline-offset:4px}
@media(max-width:1000px){.detail-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px}.share-panel{padding:22px}.detail-related-grid{gap:16px}}
@media(max-width:760px){.detail-main{padding-top:82px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static}.detail-purpose{font-size:18px}.detail-heading{padding-bottom:26px}.detail-related-grid{grid-template-columns:1fr}.detail-related-grid>a{display:grid;grid-template-columns:120px minmax(0,1fr)}.detail-related-grid img{height:100%;min-height:130px}.detail-related-grid div{padding:18px}.detail-taxonomy{gap:16px}.detail-section h2{font-size:23px}.share-actions .share-button{flex:1 1 auto}}
@media(max-width:400px){.detail-related-grid>a{grid-template-columns:1fr}.detail-related-grid img{height:180px}.breadcrumbs{font-size:14px}.detail-taxonomy{display:grid}.share-panel{padding:20px}}