.treeview,.treeview ul{list-style:none;margin:0;padding:0;background:rgba(255,255,255,0)}.treeview ul{background-color:#FFF;margin-top:4px}.treeview .hitarea{background:url("/components/com_jmap/js/images/treeview-default.gif") -64px -25px no-repeat;height:16px;width:16px;margin-left:-16px;float:left;cursor:pointer}* html .hitarea{display:inline;float:none}#jmap_sitemap ul.treeview,#jmap_sitemap ul.treeview ul{margin:0;padding:0}#jmap_sitemap ul.treeview,#jmap_sitemap ul.treeview ul{background:rgba(255,255,255,0)}#jmap_sitemap ul.treeview li{list-style-type:none;padding:3px 0 3px 16px;text-align:left}#jmap_sitemap li,#jmap_sitemap li li,#jmap_sitemap li li li,#jmap_sitemap li li li li{list-style-type:none}.treeview li{list-style-type:none;background:url("/components/com_jmap/js/images/treeview-default-line.gif") 0 0 no-repeat;margin:0;padding:3px 0 3px 16px}.treeview a.selected{background-color:#eee;text-decoration:underline;font-size:14px}#treecontrol{display:none;margin:1em 0}.treeview .hover{color:red;cursor:pointer}.treeview li.collapsable,.treeview li.expandable{background-position:0 -176px}.treeview .expandable-hitarea{background-position:-80px -3px}.treeview li.last{background-position:0 -1766px}.treeview li.lastCollapsable,.treeview li.lastExpandable{background-image:url("/components/com_jmap/js/images/treeview-default.gif")}.treeview li.lastCollapsable{background-position:0 -111px}.treeview li.lastExpandable{background-position:-32px -67px}.treeview div.lastCollapsable-hitarea,.treeview div.lastExpandable-hitarea{background-position:0}.treeview .placeholder{background:url("/components/com_jmap/js/images/ajax-loader.gif") 0 0 no-repeat;height:16px;width:16px;display:block}.jmap_filetree li{padding:3px 0 2px 16px}.jmap_filetree span.folder,.jmap_filetree span.file{display:block;padding:1px 0 1px 18px}.jmap_filetree span.folder{background:url("/components/com_jmap/js/images/folder.gif") 0 0 no-repeat}.jmap_filetree li.expandable span.folder{background:url("/components/com_jmap/js/images/folder-closed.gif") 0 0 no-repeat}
:root{--nav-bg:#fff;--nav-text:#0f1724;--accent:#0043ff;--submenu-bg:#0f1724;--overlay:rgba(0,0,0,0.6);--drawer-width:320px;--transition:320ms ease;--page-text:#0f1724}.header{display:flex;align-items:center;justify-content:space-between}.site-nav{position:relative;z-index:1200}.site-menu-wrapper .menu{display:flex;gap:1.25rem;margin:0;padding:0.5rem 1rem;align-items:center;list-style:none;background:var(--nav-bg);color:var(--nav-text)}.site-menu-wrapper .menu>li>a{color:var(--nav-text);text-decoration:none;padding:0.5rem 0.75rem;font-size:0.95rem}.site-menu-wrapper .menu li .submenu,.site-menu-wrapper .menu li ul{position:absolute;min-width:200px;background:var(--nav-bg);margin-top:0.5rem;padding:0.5rem 0;box-shadow:0 8px 24px rgba(2,6,23,0.6);border-radius:6px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition)}.submenu .oeb-l a{padding:.5rem;display:block}.site-menu-wrapper .menu li:hover>ul,.site-menu-wrapper .menu li:focus-within>ul{opacity:1;visibility:visible;transform:translateY(0)}.menu-toggle{display:none;z-index:1400;background:transparent;border:0;padding:8px;cursor:pointer}.hamburger{display:inline-block;width:25px;height:20px;position:relative}.hamburger span{position:absolute;left:0;right:0;height:2px;background:var(--nav-text);border-radius:2px;display:block}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.mobile-drawer{position:fixed;left:0;top:0;height:100vh;width:var(--drawer-width);background:#081023;color:var(--nav-text);transform:translateX(-110%);transition:transform var(--transition);z-index:1500;box-shadow:8px 0 24px rgba(2,6,23,0.6);overflow-y:auto;padding:1.25rem 1rem}.mobile-drawer.open{transform:translateX(0%)}.mobile-drawer .drawer-close{background:transparent;border:0;color:var(--nav-text);font-size:20px;float:right;cursor:pointer}.mobile-drawer .menu{list-style:none;margin:1.2rem 0 0;padding:0}.mobile-drawer .menu li{margin-bottom:0.25rem}.mobile-drawer .menu a{display:block;padding:0.7rem 0.5rem;color:#e6f0ff;text-decoration:none}.mobile-drawer .menu a:hover{color:var(--accent)}.mobile-drawer .menu li ul{max-height:0;overflow:hidden;transition:max-height 220ms ease;padding-left:0.6rem}.mobile-drawer .menu li ul.open{max-height:800px}.drawer-overlay{position:fixed;inset:0;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:1450}.drawer-overlay.visible{opacity:1;pointer-events:auto}@media (max-width:992px){.site-menu-wrapper .menu{display:none}.menu-toggle{display:inline-block;margin-left:.5rem}}@media (max-width:600px){.header{position:relative;display:flex;flex-flow:row-reverse}.oeb-m a{padding:.5rem;display:block}}@media (max-width:420px){:root{--drawer-width:80vw}}.custom-pagination,.custom-pagination-list{display:flex;justify-content:center;align-items:center;margin:1rem 0;font-family:inherit}.custom-pagination .custom-pagination-inner,.custom-pagination-list .custom-pagination-inner{display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap}.custom-pagination .pagination,.custom-pagination-list .pagination,.pagination{display:inline-flex;gap:var(--page-gap);list-style:none;margin:0;padding:0;align-items:center}.page-item,.custom-pagination .pagination li{margin:0}.page-link,.custom-pagination .pagination a,.custom-pagination .pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--page-border);background:var(--page-bg);color:var(--page-text);text-decoration:none;font-size:0.95rem;transition:all var(--transition-fast)}.page-link:hover,.custom-pagination .pagination a:hover,.custom-pagination .pagination .page-link:hover{transform:translateY(-2px);border-color:rgba(0,67,255,0.18);box-shadow:0 6px 20px rgba(2,6,23,0.06)}.page-item.active>.page-link,.custom-pagination .pagination .active>a,.custom-pagination .pagination .active>span{background:var(--page-accent);border-color:var(--page-accent);box-shadow:0 8px 26px rgba(0,67,255,0.12)}.page-item.disabled>.page-link,.custom-pagination .pagination .disabled>a,.custom-pagination .pagination .disabled>span{opacity:0.5;pointer-events:none;background:#f8f9ff}.pagination-counter{font-size:0.92rem;color:#536b8a;padding-left:8px}@media (max-width:640px){.page-link,.custom-pagination .pagination a,.custom-pagination .pagination span{min-width:44px;height:44px;padding:0 10px}}
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');:root{--bg:#ffffff;--bg-warm:#f5f7fa;--surface:#ffffff;--surface-alt:#f0f4f8;--ink:#1a1f2e;--ink-soft:#3a4154;--muted:#7a8299;--accent:#2563eb;--accent-dark:#1d4ed8;--accent-glow:#60a5fa;--accent-light:#eff6ff;--danger:#dc2626;--success:#16a34a;--link:#2563eb;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--font-display:'DM Serif Display',Georgia,'Times New Roman',serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--font-mono:'JetBrains Mono','SF Mono','Fira Code',monospace;--text-xs:clamp(0.7rem,0.65rem + 0.25vw,0.75rem);--text-sm:clamp(0.8rem,0.75rem + 0.25vw,0.875rem);--text-base:clamp(0.9rem,0.85rem + 0.25vw,1rem);--text-lg:clamp(1.05rem,1rem + 0.25vw,1.15rem);--text-xl:clamp(1.2rem,1.1rem + 0.5vw,1.35rem);--text-2xl:clamp(1.5rem,1.3rem + 1vw,2rem);--text-3xl:clamp(2rem,1.6rem + 2vw,3rem);--max-w:1240px;--container-pad:clamp(16px,3vw,32px);--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px rgba(26,31,46,0.06),0 1px 2px rgba(26,31,46,0.04);--shadow:0 2px 4px rgba(26,31,46,0.03),0 4px 12px rgba(26,31,46,0.06);--shadow-lg:0 4px 8px rgba(26,31,46,0.04),0 12px 32px rgba(26,31,46,0.08);--shadow-xl:0 8px 16px rgba(26,31,46,0.05),0 20px 48px rgba(26,31,46,0.1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-fast:150ms;--dur:250ms;--dur-slow:400ms}html,body,a,div,main,span,table,tr,td,strong,ul,ol,li,h1,h2,h3,p,input{list-style:none;border-spacing:0;border:0;border-collapse:collapse;text-decoration:none;padding:0;margin:0}*,*::before,*::after{box-sizing:border-box}html{height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;font-size:var(--text-base);min-height:100%}img{max-width:100%;height:auto;vertical-align:middle}a{color:var(--link);transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent-dark)}::selection{background:var(--accent);color:#fff}.container{width:calc(100% - 2 * var(--container-pad));max-width:var(--max-w);margin:30px auto;padding:0 var(--container-pad)}.site{}.site__header{background:var(--surface);border-bottom:1px solid rgba(26,31,46,0.06);position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.95)}.site__header::before{content:'';display:block;height:3px;background:linear-gradient(90deg,var(--accent-dark),var(--accent-glow),var(--accent))}.site__header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);height:68px}.brand{font-weight:700;font-size:22px;color:var(--ink);letter-spacing:-0.02em;flex-shrink:0}.brand img{max-height:32px;width:auto;display:block;transition:transform var(--dur) var(--ease-out)}.brand img:hover{transform:scale(1.04)}.header{display:flex;align-items:center;justify-content:space-between;margin-left:var(--sp-5)}.oebn-so{margin-left:var(--sp-5)}.oeb-m a{color:var(--ink-soft);text-decoration:none;font-weight:500;font-size:var(--text-sm);letter-spacing:0.01em;transition:color var(--dur-fast) var(--ease-out);position:relative}.oeb-m a:hover{color:var(--accent-dark)}.site-menu-wrapper .menu>li>a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width var(--dur) var(--ease-out);border-radius:1px}.site-menu-wrapper .menu>li>a:hover::after{width:100%}.site-menu-wrapper .menu{display:flex;gap:0.25rem;margin:0;padding:0.5rem 0;align-items:center;list-style:none}.site-menu-wrapper .menu>li>a{color:var(--ink-soft);text-decoration:none;padding:0.5rem 1rem;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast)}.site-menu-wrapper .menu>li>a:hover{background:var(--accent-light);color:var(--accent-dark)}.site-menu-wrapper .menu li .submenu,.site-menu-wrapper .menu li ul{position:absolute;min-width:200px;background:var(--surface);margin-top:0.75rem;padding:0.5rem 0;box-shadow:var(--shadow-lg);border-radius:var(--radius);border:1px solid rgba(26,31,46,0.06);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),visibility var(--dur)}.submenu .oeb-l a{padding:0.6rem 1.25rem;display:block;font-size:var(--text-sm);border-radius:0;transition:background var(--dur-fast),padding-left var(--dur) var(--ease-out)}.submenu .oeb-l a:hover{background:var(--accent-light);padding-left:1.5rem;color:var(--accent-dark)}.site-menu-wrapper .menu li:hover>ul,.site-menu-wrapper .menu li:focus-within>ul{opacity:1;visibility:visible;transform:translateY(0)}.menu-toggle{display:none;z-index:1400;background:transparent;border:0;padding:8px;cursor:pointer}.hamburger{display:inline-block;width:24px;height:18px;position:relative}.hamburger span{position:absolute;left:0;right:0;height:2px;background:var(--ink);border-radius:2px;display:block;transition:transform var(--dur) var(--ease-out),opacity var(--dur-fast)}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.mobile-drawer{position:fixed;left:0;top:0;height:100vh;width:var(--drawer-width,320px);background:var(--ink);color:#f5f0eb;transform:translateX(-110%);transition:transform var(--dur-slow) var(--ease-out);z-index:1500;box-shadow:8px 0 32px rgba(0,0,0,0.3);overflow-y:auto;padding:var(--sp-5) var(--sp-4)}.mobile-drawer.open{transform:translateX(0%)}.mobile-drawer .drawer-close{background:transparent;border:0;color:rgba(255,255,255,0.7);font-size:22px;float:right;cursor:pointer;transition:color var(--dur-fast)}.mobile-drawer .drawer-close:hover{color:#fff}.mobile-drawer .menu{list-style:none;margin:1.5rem 0 0;padding:0}.mobile-drawer .menu li{margin-bottom:0.25rem}.mobile-drawer .menu a{display:block;padding:0.75rem 1rem;color:rgba(255,255,255,0.85);text-decoration:none;border-radius:var(--radius-sm);font-weight:500;transition:background var(--dur-fast),color var(--dur-fast)}.mobile-drawer .menu a:hover{background:rgba(37,99,235,0.15);color:var(--accent-glow)}.mobile-drawer .menu li ul{max-height:0;overflow:hidden;transition:max-height 220ms ease;padding-left:0.6rem}.mobile-drawer .menu li ul.open{max-height:800px}.drawer-overlay{position:fixed;inset:0;background:rgba(26,31,46,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-out);z-index:1450}.drawer-overlay.visible{opacity:1;pointer-events:auto}.oebn-so input{height:38px;padding:0 var(--sp-4) 0 38px;border-radius:100px;background:var(--bg-warm);border:1.5px solid transparent;font-size:var(--text-sm);font-family:var(--font-body);color:var(--ink);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),background var(--dur);width:200px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8279' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}.oebn-so input:focus{outline:none;border-color:var(--accent);background-color:var(--surface);box-shadow:0 0 0 3px rgba(37,99,235,0.12);width:260px}.oebn-so input::placeholder{color:var(--muted)}.site__sidebar{position:relative;display:flex;flex-direction:column;gap:var(--sp-5);position:sticky;top:96px}.widget{border-radius:0;margin-bottom:0}.oebn-he{padding:0;margin-bottom:0;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);border:1px solid rgba(26,31,46,0.04);overflow:hidden}.he-b,.he-o{display:flex;flex-flow:column}.he-b{background:linear-gradient(135deg,#f0b90b 0%,#e5a800 100%);border-radius:0;margin-bottom:0;position:relative;overflow:hidden}.he-b::after{content:'';position:absolute;top:-30%;right:-20%;width:160px;height:160px;background:rgba(255,255,255,0.08);border-radius:50%;pointer-events:none}.he-o a{color:#fff !important}.bn-bn{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;gap:var(--sp-3)}.he-b img,.he-o img{max-height:36px;border-radius:var(--radius-sm)}.he-b span,.he-o span{margin-left:0;font-weight:700;font-size:var(--text-lg);letter-spacing:0.02em}.he-b span{color:#0f1729}.he-xz{display:flex;gap:var(--sp-2);margin:0;background:transparent;border-radius:0;padding:var(--sp-3) var(--sp-5) var(--sp-4)}.he-xz a{border-radius:100px;padding:0.55rem 1rem;font-size:var(--text-xs);font-weight:600;color:#0f1729;text-align:center;flex:1;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast);text-transform:uppercase;letter-spacing:0.05em}.he-xz a:hover{transform:translateY(-1px)}.bn-bt{background:rgba(26,20,0,0.12) !important;color:#0f1729 !important;backdrop-filter:blur(4px)}.bn-bt:hover{background:rgba(26,20,0,0.2) !important;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.he-o{background:linear-gradient(135deg,#1a1a2e 0%,#0d0d1a 100%);border-radius:0;position:relative;overflow:hidden}.he-o::after{content:'';position:absolute;bottom:-30%;left:-20%;width:140px;height:140px;background:rgba(37,99,235,0.06);border-radius:50%;pointer-events:none}.he-ok{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;gap:var(--sp-3)}.he-o span{color:#f5f0eb}.he-xz a.ok-bt{background:rgba(255,255,255,0.1) !important;color:#f5f0eb !important}.he-xz a.ok-bt:hover{background:rgba(255,255,255,0.18) !important}.oebn-hot{padding:var(--sp-5);border-radius:var(--radius-lg);margin-bottom:0;background:var(--surface);box-shadow:var(--shadow);border:1px solid rgba(26,31,46,0.04)}.oebn-tile{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--ink);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:2px solid var(--accent);display:inline-block}.oebn-hot li{padding:var(--sp-3) var(--sp-4);background:transparent;border-top-right-radius:0;margin-bottom:var(--sp-1);border-radius:var(--radius-sm);transition:background var(--dur-fast);border-left:0}.oebn-hot li:last-child{margin-bottom:0}.oebn-hot li:hover{background:var(--accent-light)}.oebn-hot li a{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:var(--ink-soft);border-left:0;padding-left:0;font-weight:500;line-height:1.5;transition:color var(--dur-fast)}.oebn-hot li a:hover{color:var(--accent-dark)}.oebn-hot li{counter-increment:popular;position:relative;padding-left:42px}.oebn-hot li::before{content:counter(popular);position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-sm);color:var(--accent);font-weight:600;background:var(--accent-light);border-radius:50%}.oebn-hot{counter-reset:popular}.oebn-tags{background:var(--surface);padding:var(--sp-5);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid rgba(26,31,46,0.04)}.oebn-tags ul{display:flex;flex-flow:wrap;gap:var(--sp-2);background:transparent;padding:0;border-radius:0}.oebn-tags a{background:var(--bg-warm);padding:6px 14px;border-radius:100px;font-size:var(--text-xs);font-weight:500;color:var(--ink-soft);display:inline-block;transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease-out);border:1px solid transparent}.oebn-tags a:hover{background:var(--accent-light);color:var(--accent-dark);border-color:rgba(37,99,235,0.2);transform:translateY(-1px)}.footer{text-align:center;background:var(--ink);color:rgba(245,240,235,0.7);padding:var(--sp-7) var(--sp-5) var(--sp-5);position:relative;overflow:hidden}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-dark),var(--accent-glow),var(--accent))}.foot{padding:0;display:flex;max-width:var(--max-w);margin:0 auto;text-align:left;align-items:flex-start;gap:var(--sp-6)}.foot span{font-weight:600;color:rgba(245,240,235,0.9);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:var(--sp-3);display:block}.b-logo{flex:1}.b-logo img{max-width:44px;opacity:0.9;filter:brightness(1.2)}.b-logo p{font-size:var(--text-sm);margin-top:var(--sp-2);color:rgba(245,240,235,0.5);font-style:italic}.bomm-exe,.bomm-list{flex:1;display:flex;flex-flow:column}.footer a{display:inline-block;margin:var(--sp-1) 0;color:rgba(245,240,235,0.6);font-size:var(--text-sm);transition:color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}.footer a:hover{color:var(--accent-glow);transform:translateX(3px)}.bomm-soal{flex:1;display:flex;flex-flow:column;text-align:right}.bomm-soal a{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--sp-2)}.bomm-copy{margin:var(--sp-5) 0 var(--sp-3);padding-top:var(--sp-4);border-top:1px solid rgba(245,240,235,0.08);max-width:var(--max-w);margin-left:auto;margin-right:auto;width:100%;text-align:center;font-size:var(--text-xs);color:rgba(245,240,235,0.4)}.bomm-copy a{margin:0 var(--sp-2);color:rgba(245,240,235,0.5);font-size:var(--text-xs)}.bomm-link{color:rgba(245,240,235,0.3);font-size:11px;max-width:var(--max-w);margin:0 auto;line-height:1.6;text-align:center}.post-card{background:var(--surface);border:1px solid rgba(26,31,46,0.04);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.post-card__thumb{width:100%;height:200px;object-fit:cover;display:block}.post-card__body{padding:var(--sp-5)}.post-card__title{margin:0 0 var(--sp-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;line-height:1.35}.post-card__title a{color:var(--ink)}.post-card__excerpt{margin:0 0 var(--sp-3);color:var(--muted);font-size:var(--text-sm)}.post-card__meta{font-size:var(--text-xs);color:var(--muted);display:flex;align-items:center;gap:var(--sp-2)}.pagination{display:flex;align-items:center;gap:var(--sp-1);list-style:none;padding:0;margin:0}.page-item{display:inline-flex}.page-link,.page-item span.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 var(--sp-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;font-family:var(--font-body);color:var(--ink-soft);background:var(--surface);border:1px solid rgba(26,31,46,0.1);text-decoration:none;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast)}.page-link:hover{background:var(--accent-light);color:var(--accent-dark);border-color:rgba(37,99,235,0.2)}.page-item.active .page-link{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 6px rgba(37,99,235,0.25)}.page-item.disabled .page-link{opacity:0.35;cursor:default;pointer-events:none}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:10px 20px;border-radius:100px;font-size:var(--text-sm);font-weight:500;font-family:var(--font-body);text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease-out);cursor:pointer;border:none}.btn-secondary{background:var(--bg-warm);color:var(--ink-soft)}.btn-secondary:hover{background:var(--accent-light);color:var(--accent-dark);transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:var(--text-xs)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.site__main{grid-template-columns:1fr 300px;gap:var(--sp-5)}}@media (max-width:768px){.site__main{grid-template-columns:1fr;padding:var(--sp-5) 0}.site__sidebar{order:2;position:static}.site__header .container{height:60px}.site-menu-wrapper .menu{display:none}.menu-toggle{display:inline-block}.header{margin-left:auto}.foot{flex-flow:column;gap:var(--sp-5);text-align:center;align-items:center}.b-logo{display:flex;align-items:center;gap:var(--sp-3);flex-direction:column}.bomm-exe,.bomm-list{width:100%;align-items:center}.bomm-soal{text-align:center}.footer{padding:var(--sp-6) var(--sp-4) var(--sp-4)}.footer a{font-size:var(--text-xs)}}@media (max-width:480px){.oebn-so input{width:160px}.oebn-so input:focus{width:200px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.oebn-tool{padding:var(--sp-5) 0}.oebn-tool .page-header{margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:2px solid var(--accent);display:inline-block}.oebn-tool .page-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;color:var(--ink);line-height:1.25;letter-spacing:-0.02em;margin:0}.oebn-blog-xamu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}.oebn-xamu{display:contents}.oebn-items{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(26,31,46,0.04);overflow:hidden;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.oebn-items:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.oebn-items>a{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.took-top{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5)}.took-top img{width:56px;height:56px;border-radius:var(--radius);object-fit:cover;flex-shrink:0;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out)}.oebn-items:hover .took-top img{transform:scale(1.08)}.took-cop{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.took-cop h2{font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;color:var(--ink);margin:0;line-height:1.3;letter-spacing:-0.01em;transition:color var(--dur-fast)}.oebn-items:hover .took-cop h2{color:var(--accent-dark)}.took-cat{display:inline-flex;align-items:center;padding:2px 10px;background:var(--accent-light);color:var(--accent-dark);font-size:var(--text-xs);font-weight:500;border-radius:100px;width:fit-content;letter-spacing:0.02em}.took-cop .icon-eye-1{font-size:var(--text-xs);color:var(--muted);display:flex;align-items:center;gap:var(--sp-1);margin-top:var(--sp-1)}.took-cop .icon-eye-1::before{opacity:0.5}.took-txt{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.65;padding:0 var(--sp-5) var(--sp-4);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.oebn-xamu{opacity:0;transform:translateY(14px);animation:toolFadeUp var(--dur-slow) var(--ease-out) forwards}.oebn-xamu:nth-child(1){animation-delay:0ms}.oebn-xamu:nth-child(2){animation-delay:50ms}.oebn-xamu:nth-child(3){animation-delay:100ms}.oebn-xamu:nth-child(4){animation-delay:150ms}.oebn-xamu:nth-child(5){animation-delay:200ms}.oebn-xamu:nth-child(6){animation-delay:250ms}.oebn-xamu:nth-child(7){animation-delay:300ms}.oebn-xamu:nth-child(8){animation-delay:350ms}.oebn-xamu:nth-child(9){animation-delay:400ms}.oebn-xamu:nth-child(10){animation-delay:450ms}.oebn-xamu:nth-child(11){animation-delay:500ms}.oebn-xamu:nth-child(12){animation-delay:550ms}.oebn-xamu:nth-child(13){animation-delay:600ms}.oebn-xamu:nth-child(14){animation-delay:650ms}.oebn-xamu:nth-child(15){animation-delay:700ms}.oebn-xamu:nth-child(16){animation-delay:750ms}@keyframes toolFadeUp{to{opacity:1;transform:translateY(0)}}.oebn-body .tool-img{text-align:center;margin-bottom:var(--sp-5)}.oebn-body .tool-img img{max-width:100px;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform var(--dur) var(--ease-out)}.oebn-body .tool-img img:hover{transform:scale(1.06)}.tool-body{background:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-6);box-shadow:var(--shadow);border:1px solid rgba(26,31,46,0.04)}.tool-head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4);padding-bottom:var(--sp-4);border-bottom:1px solid rgba(26,31,46,0.06)}.tool-head h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;color:var(--ink);margin:0;line-height:1.3;letter-spacing:-0.01em}.tool-head>span:not(.icon-eye-1){display:inline-flex;align-items:center;padding:3px 12px;background:var(--accent-light);color:var(--accent-dark);font-size:var(--text-xs);font-weight:500;border-radius:100px;letter-spacing:0.02em}.tool-head .icon-eye-1{font-size:var(--text-xs);color:var(--muted);display:flex;align-items:center;gap:var(--sp-1);margin-left:auto}.tool-link{margin-bottom:var(--sp-5)}.tool-link .oebn-link{display:inline-flex;align-items:center;gap:var(--sp-2);padding:10px 24px;background:var(--accent);color:#fff !important;border-radius:100px;font-size:var(--text-sm);font-weight:600;text-decoration:none !important;letter-spacing:0.02em;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast)}.tool-link .oebn-link:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,0.25);color:#fff !important}.tool-text{font-size:var(--text-base);color:var(--ink-soft);line-height:1.8}.tool-text p{margin:0 0 var(--sp-4);line-height:1.8}.tool-text p:last-child{margin-bottom:0}.tool-text strong,.tool-text b{font-weight:600;color:var(--ink)}.tool-text a{color:var(--accent);text-decoration:none;font-weight:500;border-bottom:1px solid rgba(37,99,235,0.25);transition:color var(--dur-fast),border-color var(--dur-fast);padding-bottom:1px}.tool-text a:hover{color:var(--accent-dark);border-bottom-color:var(--accent-dark)}.pagenavigation{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid rgba(26,31,46,0.06)}.pagenavigation .pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);list-style:none;padding:0;margin:0}.pagenavigation .btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:10px 20px;border-radius:100px;font-size:var(--text-sm);font-weight:500;font-family:var(--font-body);text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast) var(--ease-out);cursor:pointer;border:none}.pagenavigation .btn-secondary{background:var(--bg-warm);color:var(--ink-soft)}.pagenavigation .btn-secondary:hover{background:var(--accent-light);color:var(--accent-dark);transform:translateY(-1px)}.pagenavigation .btn-sm{padding:8px 16px;font-size:var(--text-xs)}@media (max-width:1024px){.oebn-blog-xamu{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}}@media (max-width:768px){.oebn-blog-xamu{grid-template-columns:1fr;gap:var(--sp-3)}.oebn-items>a{flex-direction:row;align-items:center}.took-top{flex-direction:column;align-items:center;text-align:center;padding:var(--sp-4);min-width:100px}.took-cop{align-items:center}.took-txt{display:none}.tool-body{padding:var(--sp-4) var(--sp-5)}.tool-head{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.tool-head .icon-eye-1{margin-left:0}.tool-head h2{font-size:var(--text-xl)}.pagenavigation .pagination{flex-direction:column;align-items:stretch}.pagenavigation .btn{justify-content:center}}@media (max-width:480px){.oebn-items>a{flex-direction:column}.took-top{flex-direction:row;text-align:left;width:100%}.took-cop{align-items:flex-start}.tool-body{padding:var(--sp-3) var(--sp-4)}}@media (prefers-reduced-motion:reduce){.oebn-xamu{animation-duration:0.01ms !important;animation-delay:0ms !important}}
@font-face{font-family:'fontello';src:url("/templates/tool/font/fontello.eot?36024956");src:url("/templates/tool/font/fontello.eot?36024956#iefix") format('embedded-opentype'),url("/templates/tool/font/fontello.woff2?36024956") format('woff2'),url("/templates/tool/font/fontello.woff?36024956") format('woff'),url("/templates/tool/font/fontello.ttf?36024956") format('truetype'),url("/templates/tool/font/fontello.svg?36024956#fontello") format('svg');font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-menu:before{content:'\e800'}.icon-chat:before{content:'\e801'}.icon-comment:before{content:'\e802'}.icon-check:before{content:'\e803'}.icon-cancel:before{content:'\e804'}.icon-mail:before{content:'\e805'}.icon-heart-empty:before{content:'\e806'}.icon-heart:before{content:'\e807'}.icon-search:before{content:'\e808'}.icon-book:before{content:'\e809'}.icon-doc:before{content:'\e80a'}.icon-doc-landscape:before{content:'\e80b'}.icon-docs:before{content:'\e80c'}.icon-attention:before{content:'\e80d'}.icon-feather:before{content:'\e80e'}.icon-picture:before{content:'\e80f'}.icon-left-open-big:before{content:'\e810'}.icon-right-open-big:before{content:'\e811'}.icon-down-open-big:before{content:'\e812'}.icon-up-open-big:before{content:'\e813'}.icon-right-thin:before{content:'\e814'}.icon-left-thin:before{content:'\e815'}.icon-down-thin:before{content:'\e816'}.icon-up-thin:before{content:'\e817'}.icon-globe:before{content:'\e818'}.icon-attach:before{content:'\e819'}.icon-network:before{content:'\e81a'}.icon-moon:before{content:'\e81b'}.icon-paper-plane:before{content:'\e81c'}.icon-leaf:before{content:'\e81d'}.icon-dot:before{content:'\e81e'}.icon-dot-2:before{content:'\e81f'}.icon-dot-3:before{content:'\e820'}.icon-light-up:before{content:'\e821'}.icon-clock:before{content:'\e822'}.icon-lamp:before{content:'\e823'}.icon-reply:before{content:'\e824'}.icon-download:before{content:'\e825'}.icon-upload:before{content:'\e826'}.icon-link:before{content:'\e827'}.icon-home:before{content:'\e828'}.icon-chart-pie:before{content:'\e829'}.icon-brush:before{content:'\e82a'}.icon-left-open-mini:before{content:'\e82b'}.icon-right-open-mini:before{content:'\e82c'}.icon-location:before{content:'\e82d'}.icon-cancel-circled:before{content:'\e82f'}.icon-bookmark:before{content:'\e830'}.icon-chart-bar:before{content:'\e831'}.icon-chart-line:before{content:'\e832'}.icon-bell:before{content:'\e833'}.icon-alert:before{content:'\e834'}.icon-eye-1:before{content:'\e835'}.icon-help-circled:before{content:'\e836'}.icon-map:before{content:'\e837'}.icon-cog:before{content:'\e838'}.icon-quote-left-alt:before{content:'\e839'}.icon-quote-right-alt:before{content:'\e83a'}.icon-flickr:before{content:'\f303'}.icon-vimeo:before{content:'\f306'}.icon-twitter:before{content:'\f309'}.icon-facebook:before{content:'\f30c'}.icon-gplus:before{content:'\f30f'}.icon-pinterest:before{content:'\f312'}.icon-tumblr:before{content:'\f315'}.icon-linkedin:before{content:'\f318'}.icon-db-shape:before{content:'\f600'}