.elementor-288 .elementor-element.elementor-element-4f842323{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-288 .elementor-element.elementor-element-e84a43b{width:100%;max-width:100%;}.elementor-288 .elementor-element.elementor-element-e84a43b.elementor-element{--align-self:flex-end;}/* Start custom CSS for html, class: .elementor-element-e84a43b *//* Panduan Akademik S3 Pendidikan IPA — CSS terpisah, tanpa JavaScript */
.panduan-s3ipa{--p-blue:#20a9d4;--p-blue-dark:#087eae;--p-navy:#06466c;--p-yellow:#ffda00;--p-text:#253849;--p-muted:#667b8a;--p-border:#d7e8ef;--p-bg:#f3f9fc;font-family:inherit;color:var(--p-text);width:100%;line-height:1.65;box-sizing:border-box}
.panduan-s3ipa *,.panduan-s3ipa *:before,.panduan-s3ipa *:after{box-sizing:border-box}
.panduan-s3ipa h1,.panduan-s3ipa h2,.panduan-s3ipa p{margin-top:0}
.panduan-s3ipa .panduan-hero{padding:clamp(28px,5vw,48px);border-radius:10px;background:linear-gradient(115deg,var(--p-blue-dark),var(--p-blue));color:#fff}
.panduan-s3ipa .panduan-kicker{display:inline-block;margin-bottom:14px;padding:5px 10px;border-radius:20px;background:#06466c45;color:var(--p-yellow);font-size:10px;font-weight:800;letter-spacing:.09em}
.panduan-s3ipa .panduan-hero h1{margin-bottom:12px;color:#fff;font-size:clamp(30px,4vw,45px);font-weight:750;line-height:1.2;letter-spacing:-.02em}
.panduan-s3ipa .panduan-hero h1 span{color:var(--p-yellow)}
.panduan-s3ipa .panduan-hero p{max-width:700px;margin-bottom:0;color:#fff;font-size:14px;line-height:1.8}
.panduan-s3ipa .panduan-content{max-width:980px;margin:0 auto;padding:clamp(20px,4vw,38px) 0}
.panduan-s3ipa .panduan-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}
.panduan-s3ipa .panduan-label{color:var(--p-blue-dark);font-size:10px;font-weight:850;letter-spacing:.12em}
.panduan-s3ipa .panduan-intro h2{margin:6px 0 5px;color:var(--p-navy);font-size:clamp(22px,3vw,29px);font-weight:750;line-height:1.3}
.panduan-s3ipa .panduan-intro p{max-width:690px;margin:0;color:var(--p-muted);font-size:13px;line-height:1.8}
.panduan-s3ipa .panduan-badge{display:flex;flex:0 0 90px;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;background:var(--p-yellow);color:var(--p-navy);text-align:center}
.panduan-s3ipa .panduan-badge strong{font-size:30px;line-height:1}
.panduan-s3ipa .panduan-badge span{margin-top:5px;font-size:8px;font-weight:900;line-height:1.3;letter-spacing:.06em}
.panduan-s3ipa .panduan-accordion{display:flex;flex-direction:column;gap:12px}
.panduan-s3ipa .panduan-item{overflow:hidden;border:1px solid var(--p-border);border-radius:7px;background:#fff;box-shadow:0 3px 12px #06466c0a}
.panduan-s3ipa .panduan-item[open]{border-color:#9dd7e9}
.panduan-s3ipa .panduan-item summary{display:flex;align-items:center;gap:15px;padding:19px 20px;cursor:pointer;list-style:none}
.panduan-s3ipa .panduan-item summary::-webkit-details-marker{display:none}
.panduan-s3ipa .panduan-number{display:flex;flex:0 0 39px;align-items:center;justify-content:center;width:39px;height:39px;border-radius:6px;background:var(--p-bg);color:var(--p-blue-dark);font-size:12px;font-weight:900}
.panduan-s3ipa .panduan-item[open] .panduan-number{background:var(--p-yellow);color:var(--p-navy)}
.panduan-s3ipa .panduan-summary-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.panduan-s3ipa .panduan-summary-text strong{color:var(--p-navy);font-size:15px;font-weight:800;line-height:1.5}
.panduan-s3ipa .panduan-summary-text small{color:var(--p-muted);font-size:11px;line-height:1.6}
.panduan-s3ipa .panduan-chevron{position:relative;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:var(--p-blue)}
.panduan-s3ipa .panduan-chevron:before,.panduan-s3ipa .panduan-chevron:after{position:absolute;top:11px;left:7px;width:11px;height:2px;background:#fff;content:""}
.panduan-s3ipa .panduan-chevron:after{transform:rotate(90deg)}
.panduan-s3ipa .panduan-item[open] .panduan-chevron{transform:rotate(180deg);background:var(--p-navy)}
.panduan-s3ipa .panduan-item[open] .panduan-chevron:after{display:none}
.panduan-s3ipa .panduan-detail{padding:0 20px 22px 74px;border-top:1px solid #edf4f7}
.panduan-s3ipa .panduan-detail p{margin:15px 0;color:var(--p-text);font-size:13px;line-height:1.8}
.panduan-s3ipa .panduan-drive-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:4px;background:var(--p-blue-dark);color:#fff!important;font-size:12px;font-weight:800;text-decoration:none!important}
.panduan-s3ipa .panduan-drive-button:hover{background:var(--p-navy)}
.panduan-s3ipa .panduan-link-note{display:block;margin-top:9px;color:var(--p-muted);font-size:10px;line-height:1.6}
.panduan-s3ipa .panduan-note{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:15px 17px;border-left:4px solid var(--p-yellow);border-radius:4px;background:#fffbea}
.panduan-s3ipa .panduan-note-icon{display:flex;flex:0 0 23px;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:var(--p-navy);color:#fff;font-size:12px;font-weight:900}
.panduan-s3ipa .panduan-note p{margin:0;color:#536577;font-size:11px;line-height:1.8}
.panduan-s3ipa .panduan-note code{padding:2px 4px;border-radius:3px;background:#f2e9bd;color:#584d1b;font-size:10px;overflow-wrap:anywhere}
@media(max-width:600px){.panduan-s3ipa .panduan-intro{align-items:flex-start}.panduan-s3ipa .panduan-badge{flex-basis:67px;width:67px;height:67px}.panduan-s3ipa .panduan-badge strong{font-size:23px}.panduan-s3ipa .panduan-badge span{font-size:7px}.panduan-s3ipa .panduan-item summary{gap:10px;padding:15px 12px}.panduan-s3ipa .panduan-number{flex-basis:32px;width:32px;height:32px}.panduan-s3ipa .panduan-summary-text strong{font-size:13px}.panduan-s3ipa .panduan-summary-text small{font-size:10px}.panduan-s3ipa .panduan-chevron{flex-basis:22px;width:22px;height:22px}.panduan-s3ipa .panduan-chevron:before,.panduan-s3ipa .panduan-chevron:after{top:10px;left:6px;width:10px}.panduan-s3ipa .panduan-detail{padding:0 13px 18px}.panduan-s3ipa .panduan-drive-button{width:100%}}/* End custom CSS */