/* ============================================================
   Halaman Logo Resmi Unhas (page 31370) — studio pratinjau latar + unduh,
   anatomi lambang, akordeon tanya jawab. Dimuat hanya bila konten memuat .uh-logo-studio.
   Token dari single-article.css (.uh-page): --crimson, --ink, --line, --paper-2, --serif.
   ============================================================ */

/* ---------- Studio pratinjau ---------- */
.uh-logo-studio.is-enhanced > .wp-block-columns{display:none;}
.uh-ls-ui{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,44px);align-items:center;margin:1.5em 0 .5em;}
.uh-ls-stage{aspect-ratio:1/1;display:grid;place-items:center;padding:clamp(24px,6vw,56px);border:1px solid var(--line);border-radius:8px;background:#fff;transition:background-color .25s ease,border-color .25s ease;}
.uh-ls-stage img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:0;}
.uh-ls-stage[data-bg="gelap"]{background:var(--ink);border-color:var(--ink);}
.uh-ls-stage[data-bg="krimson"]{background:var(--crimson);border-color:var(--crimson);}
.uh-ls-stage[data-bg="transparan"]{background-color:#fff;background-image:linear-gradient(45deg,#e8e5df 25%,transparent 25%),linear-gradient(-45deg,#e8e5df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e5df 75%),linear-gradient(-45deg,transparent 75%,#e8e5df 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;}

.uh-ls-group{margin:0 0 20px;}
.uh-ls-label{display:block;font-size:14px;color:var(--muted);margin:0 0 8px;}
.uh-ls-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;max-width:100%;}
.uh-ls-opt{appearance:none;border:0;background:transparent;font:inherit;font-size:14px;line-height:1.2;color:var(--body);padding:9px 12px;min-height:40px;border-radius:999px;cursor:pointer;transition:background-color .15s ease,color .15s ease;}
@media (hover:hover){.uh-ls-opt:hover{background:var(--paper-2);}}
.uh-ls-opt[aria-checked="true"]{background:var(--ink);color:#fff;}
.uh-ls-info{font-size:15px;color:var(--muted);margin:4px 0 14px;}
.uh-ls-download{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:var(--crimson);color:#fff !important;font-weight:600;font-size:16px;text-decoration:none !important;transition:background-color .15s ease;}
.uh-ls-download::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1v9m0 0L4.5 6.5M8 10l3.5-3.5M2 13.5h12' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1v9m0 0L4.5 6.5M8 10l3.5-3.5M2 13.5h12' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;}
.uh-ls-download:hover{background:var(--crimson-dk);}
.uh-ls-note{font-size:14px;color:var(--crimson);min-height:1.4em;margin:12px 0 0;}
.uh-ls-opt:focus-visible,.uh-ls-download:focus-visible,.uh-an-dot:focus-visible,.uh-anatomy li[role="button"]:focus-visible,.uh-logo-faq summary:focus-visible{outline:2px solid var(--crimson);outline-offset:3px;}
@media (max-width:781px){
  .uh-ls-ui{grid-template-columns:1fr;gap:20px;}
  .uh-ls-stage{max-width:420px;width:100%;margin:0 auto;}
  /* Kapsul yang terpecah dua baris terlihat janggal: di layar sempit jadi grid tombol. */
  .uh-ls-seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));width:100%;border-radius:16px;}
  .uh-ls-opt{border-radius:12px;}
}

/* Tanpa JS: pratinjau versi putih di latar hitam tetap rapi */
.uh-logo-studio .has-black-background-color{padding:24px;border-radius:8px;}

/* ---------- Anatomi lambang ---------- */
.uh-anatomy .wp-block-columns{align-items:flex-start;gap:clamp(24px,4vw,48px);}
.uh-an-stage{position:relative;max-width:400px;margin:0 auto;}
.uh-an-stage img{display:block;width:100%;height:auto;border-radius:0;}
.uh-anatomy .wp-block-image{margin:0;}
.uh-an-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.uh-an-dim{fill:rgba(20,20,18,.66);opacity:0;transition:opacity .2s ease;pointer-events:none;}
.uh-an-svg.is-on .uh-an-dim{opacity:1;}
.uh-an-hs polygon{fill:transparent;stroke:transparent;stroke-width:2;cursor:pointer;pointer-events:all;}
.uh-an-hs.is-active polygon{stroke:#fff;}
.uh-an-dot{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--crimson);box-shadow:0 1px 4px rgba(0,0,0,.35);cursor:pointer;transition:transform .15s ease,background-color .15s ease;}
.uh-an-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(165,28,48,.55);animation:uh-an-pulse 2.4s ease-out infinite;}
.uh-an-dot.is-active{background:#fff;border-color:var(--crimson);transform:scale(1.15);}
.uh-an-dot.is-active::after{animation:none;opacity:0;}
@keyframes uh-an-pulse{0%{transform:scale(.6);opacity:1;}100%{transform:scale(1.5);opacity:0;}}
.uh-an-hint{font-size:14px;color:var(--muted);text-align:center;margin:.8em 0 0;}
.uh-an-cap{display:none;}

.uh-anatomy.is-enhanced ul.wp-block-list{list-style:none;padding-left:0;margin:0;}
.uh-anatomy.is-enhanced li[class*="uh-hs-"]{margin:0;padding:14px 0 14px 16px;border-left:2px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;}
.uh-anatomy.is-enhanced li[class*="uh-hs-"]:first-child{border-top:1px solid var(--line);}
.uh-anatomy.is-enhanced li.is-active{border-left-color:var(--crimson);background:var(--paper-2);}
.uh-anatomy li strong{font-family:var(--serif);font-weight:600;color:var(--ink);}
@media (max-width:781px){
  /* Daftar ada jauh di bawah gambar: arti bagian yang diketuk tampil tepat di bawah lambang. */
  .uh-an-cap:not(:empty){display:block;margin:14px 0 0;padding:14px 16px;border-left:2px solid var(--crimson);background:var(--paper-2);font-size:16px;line-height:1.6;}
}

/* ---------- Tanya jawab (core/details) ---------- */
.uh-logo-faq .wp-block-details{margin:0;border-bottom:1px solid var(--line);}
.uh-logo-faq .wp-block-details:first-child{border-top:1px solid var(--line);}
.uh-logo-faq .wp-block-details > summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:16px;align-items:center;padding:18px 0;cursor:pointer;font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.35;color:var(--ink);}
.uh-logo-faq .wp-block-details > summary::-webkit-details-marker{display:none;}
.uh-logo-faq .wp-block-details > summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--muted);border-radius:50%;font-family:system-ui,sans-serif;font-weight:400;font-size:17px;line-height:1;color:var(--ink);transition:background-color .15s ease,color .15s ease;}
.uh-logo-faq .wp-block-details[open] > summary::after{content:"\2212";background:var(--ink);color:#fff;border-color:var(--ink);}
.uh-logo-faq .wp-block-details > p{margin:0 0 18px;max-width:62ch;}

@media (prefers-reduced-motion:reduce){
  .uh-an-dot::after{animation:none;}
  .uh-ls-stage,.uh-an-dim,.uh-ls-opt,.uh-an-dot{transition:none;}
}