:root{--text:#2d3748;--shadow:0 4px 6px rgba(0,0,0,.1);--transition:all .3s ease}.grid.palwe{margin:0}main#primary.basicdes{padding:2rem 3rem 3rem;border-radius:12px;margin:0 auto 2rem}.basicdes h1{font-size:clamp(1.8rem,.786rem + 2.29vw,2.5rem);color:var(--text);padding-left:.25em;margin:.5em 0 .5em;font-weight:700;line-height:1.3;transition:var(--transition)}.basicdes h1:hover{transform:translateX(5px)}.basicdes h2{font-size:clamp(1.5rem,1.286rem + .69vw,1.8rem);color:var(--text);border-left:5px solid var(--green);padding-left:.75em;margin:2em 0 1.2em;font-weight:600;line-height:1.4}.basicdes h3{font-size:clamp(1.3rem,1.229rem + .23vw,1.4rem);color:var(--text);border-bottom:3px solid var(--blue);padding-bottom:.4em;margin:1.8em 0 1em;font-weight:500}.basicdes h4{font-size:clamp(1.1rem,1.029rem + .23vw,1.2rem);color:var(--orange);margin:1.5em 0 .8em;font-weight:500;position:relative}.basicdes h4:after{content:'';display:block;width:50px;height:2px;background:var(--orange);margin-top:.3em}.basicdes p{line-height:1.9;color:var(--text);margin:1.2em 0;font-size:1rem}#primary .toc{background:#fff;border:2px solid var(--green);border-radius:12px;padding:1.5em;margin:2em 0;box-shadow:0 4px 10px rgba(0,0,0,.05)}#primary .toc h2{font-size:1.2rem;margin-bottom:1em;color:var(--green);font-weight:700;border-left:6px solid var(--orange);padding-left:.5em}#primary .toc ul{list-style:none;margin:0;border:none;background:0 0}#primary .toc li{margin:.5em 0;padding-left:1.2em;position:relative}#primary .toc li:before{content:"•";color:var(--blue);font-weight:700;position:absolute;left:0}#primary .toc a{text-decoration:none;color:#333;transition:color .3s,padding-left .3s}#primary .toc a:hover{color:var(--green);padding-left:.2em}.basicdes table{width:100%;border-collapse:collapse;margin:2em 0;box-shadow:var(--shadow)}.basicdes th,.basicdes td{border:1px solid #e2e8f0;padding:1em;transition:var(--transition)}.basicdes th{background:var(--blue);color:#fff;text-align:left;font-weight:600}.basicdes td{background:#fff}.basicdes tr:hover td{background:#f1f5f9}.basicdes ul,.basicdes ol{list-style:none;margin:1.5em 0;background:#F2F2F2F2;padding:2rem;border-radius:12px;border:2px solid var(--green)}.basicdes ul li,.basicdes ol li{position:relative;padding-left:1.5em;margin-bottom:.5em}.basicdes ul li:before,.basicdes ul ol:before{content:'•';color:var(--green);position:absolute;left:0;font-size:1.2em}.basicdes ol{list-style:none;counter-reset:ol-counter;margin:1.5em 0 1.5em 1.5em}.basicdes ol li{counter-increment:ol-counter;position:relative;padding-left:2em;margin-bottom:.5em}.basicdes ol li:before{content:counter(ol-counter) '.';color:var(--orange);position:absolute;left:0;font-weight:600}.basicdes blockquote{border-left:5px solid var(--blue);padding:1.5em;margin:2em 0;background:#edf2f7;color:var(--text);border-radius:8px;position:relative;font-style:italic}.basicdes blockquote:before{content:'“';font-size:2em;color:var(--blue);position:absolute;top:0;left:.3em}.post-thumbnail img{width:100%;border-radius:12px;box-shadow:var(--shadow);transition:var(--transition)}.post-thumbnail img:hover{transform:scale(1.02)}.basicdes img{max-width:80%;height:auto;border-radius:12px;margin:2rem auto;display:block}.basicdes img:hover{transform:scale(1.02)}.basicdes iframe{margin:0 auto;display:block}.twitter-tweet.twitter-tweet-rendered{margin:0 auto;padding:1rem}.huto{gap:1rem;justify-content:center;padding:1rem}.huto a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;font-weight:600;padding:.8rem 2rem;border-radius:12px;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.2)}.huto a{background:linear-gradient(135deg,var(--blue),#4a8cd1);color:#fff;text-align:center}.huto a:hover{background:linear-gradient(135deg,#7bb8f1,var(--blue));transform:translateY(-2px);box-shadow:0 6px 20px rgba(106,171,237,.4)}.huto a:active,.seni a:active{transform:translateY(0);box-shadow:0 2px 10px rgba(106,171,237,.2)}.seni{text-align:center;padding:1rem;margin:0 -.5rem}.seni a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;font-weight:600;padding:.8rem 2rem;border-radius:12px;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.2);background:linear-gradient(135deg,var(--orange),#ee6b12);color:#fff;text-align:center}.seni a:hover{background:linear-gradient(135deg,#e8831f,var(--orange));transform:translateY(-2px);box-shadow:0 6px 20px rgba(106,171,237,.4)}@media (max-width:768px){.huto a.col-3{font-size:1rem;padding:.6rem 1.5rem}}@media (max-width:500px){main#primary.basicdes{padding:1rem 1.5rem 2rem;margin:1rem auto;overflow:hidden}.basicdes ul,.basicdes ol{list-style:none;margin:1.5em 0 1.5em .5em;padding-left:1rem}}