/* YEOKJU approved-reference visual system — faithful poster + clickable controls.
   Full-bleed wide homepage: 3 large sanctuary tiles / 4 + 4 smaller tiles.
   Detailed sanctuary: full-height illustrated webtoon with real topic links. */
@media screen{
 html:has(#yeokjuTempleAtlas){scroll-behavior:smooth}
 body[data-yeokju-screen="home"]{margin:0!important;background:#0b1324!important;color:#fdf1dd}
 body[data-yeokju-screen="home"]>header{display:none!important}
 body[data-yeokju-screen="home"]>#yeokjuTempleAtlas,
 body:not([data-yeokju-screen])>#yeokjuTempleAtlas{
   display:block!important;position:relative!important;isolation:isolate!important;
   width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
   min-height:100dvh!important;overflow:visible!important;
   background:radial-gradient(ellipse at top,#24344d 0%,#0b1223 75%)!important;
   border:0!important;box-shadow:none!important;
 }
 #yeokjuTempleAtlas::before,#yeokjuTempleAtlas::after{display:none!important;content:none!important}
 #yeokjuTempleAtlas .yj-poster-desktop{width:min(100%,1448px);margin:0 auto;position:relative;display:block;aspect-ratio:1448/1086}
 #yeokjuTempleAtlas .yj-full-home-poster{display:block;width:100%;height:auto;aspect-ratio:1448/1086;object-fit:contain;border:none;user-select:none;-webkit-user-drag:none}
 #yeokjuTempleAtlas .yj-poster-hotspot{position:absolute;z-index:2;background:transparent!important;border:1px solid transparent!important;outline:none;cursor:pointer;border-radius:11px;color:transparent;font-size:0;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
 #yeokjuTempleAtlas .yj-poster-hotspot:is(:hover,:focus-visible){border-color:#ffe0a3!important;box-shadow:inset 0 0 0 2px #ffe6b155,0 0 30px #ffdb9c77;transform:translateY(-2px);outline:2px solid #fff1cf;outline-offset:2px}
 #yeokjuTempleAtlas .yj-poster-login{position:absolute;z-index:3;top:1.1%;right:7.8%;width:10%;height:7%;border:0!important;background:transparent!important;cursor:pointer}
 #yeokjuTempleAtlas .yj-poster-my-saju{position:absolute;z-index:3;top:1.1%;right:18%;width:7.5%;height:7%;border:0!important;background:transparent!important;cursor:pointer}
 #yeokjuTempleAtlas .yj-poster-login:focus-visible,#yeokjuTempleAtlas .yj-poster-my-saju:focus-visible{outline:3px solid #ffdf9c}
 #yeokjuTempleAtlas .yj-mobile-hero,#yeokjuTempleAtlas .yj-mobile-tile-grid,#yeokjuTempleAtlas .yj-mobile-actions{display:none!important}
 #yeokjuTempleAtlas .yj-ref-legal{display:flex;align-items:center;justify-content:center;gap:8px 20px;flex-wrap:wrap;padding:24px 16px 42px;background:#0b1323}
 #yeokjuTempleAtlas .yj-ref-legal a{font:500 12px/1.8 'Noto Sans KR',sans-serif;color:#c1bbb4;text-decoration:none}
 #yeokjuTempleAtlas .yj-ref-legal a:hover{text-decoration:underline;color:#fff}
 #yeokjuTempleAtlas .yeokju-shrine-legal{display:none!important}
 #yeokjuTempleAtlas .yj-reference-modal[hidden]{display:none!important}
 #yeokjuTempleAtlas .yj-reference-modal{position:fixed!important;z-index:2147483640!important;inset:0!important;padding:0!important;overflow-y:auto!important;overscroll-behavior:contain;display:block;background:#050b15f7;backdrop-filter:blur(8px);-webkit-overflow-scrolling:touch}
 #yeokjuTempleAtlas .yj-reference-shell{width:min(941px,100%);min-height:100%;margin:auto;position:relative;background:#101725;color:#fff1dc;border-left:1px solid #d1b37970;border-right:1px solid #d1b37970;box-shadow:0 0 90px #000b}
 #yeokjuTempleAtlas .yj-ref-close{position:sticky;top:12px;left:13px;z-index:30;display:block;max-width:max-content;margin:0 0 -46px 12px;padding:10px 18px;min-height:44px;border:1px solid #e3c99a99;border-radius:999px;background:#081222db;color:#fff3dd;font:600 13px/1.4 'Noto Sans KR',sans-serif;cursor:pointer;box-shadow:0 2px 16px #0009;backdrop-filter:blur(6px)}
 #yeokjuTempleAtlas .yj-ref-close:is(:hover,:focus-visible){background:#263a56;outline:2px solid #edd5aa}
 #yeokjuTempleAtlas .yj-reference-content{width:100%;min-height:100%;padding-top:0}
 #yeokjuTempleAtlas .yj-screen-reader-title,#yeokjuTempleAtlas .yj-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
 #yeokjuTempleAtlas .yj-ref-artwork{width:100%;position:relative}
 #yeokjuTempleAtlas .yj-ref-artwork img{display:block;width:100%;height:auto;aspect-ratio:941/1672;object-fit:contain}
 #yeokjuTempleAtlas .yj-ref-artwork-hit{position:absolute;bottom:1.1%;left:18%;width:66%;height:5.5%;border:2px solid transparent;border-radius:999px;background:transparent;cursor:pointer;z-index:3}
 #yeokjuTempleAtlas .yj-ref-artwork-hit:hover,#yeokjuTempleAtlas .yj-ref-artwork-hit:focus-visible{border:2px solid #fff8cd;outline:2px solid #e8ae6e;box-shadow:0 0 26px #f5c883a1}
 #yeokjuTempleAtlas .yj-ref-topics{position:relative;margin:0 auto;padding:clamp(24px,4vw,50px) clamp(17px,4vw,50px) 70px;background:radial-gradient(ellipse at 15% 0%,#3f3b4b99,transparent 50%),linear-gradient(145deg,#152339,#0a1424 80%);border-top:2px solid var(--yj-accent,#c8a978);color:#f8ecdf}
 #yeokjuTempleAtlas .yj-ref-topic-kicker{display:block;font:700 10px/1.5 'Noto Sans KR',sans-serif;color:var(--yj-accent,#d5bf9f);letter-spacing:.25em;text-align:center}
 #yeokjuTempleAtlas .yj-ref-topics h3{font:700 clamp(23px,3.8vw,37px)/1.5 'Noto Serif KR',serif!important;color:#fff0dc!important;text-align:center;margin:12px 0 27px!important}
 #yeokjuTempleAtlas .yj-ref-topics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 #yeokjuTempleAtlas .yj-ref-topic-item{display:flex;align-items:center;text-align:left;gap:12px;min-height:70px;padding:16px;color:#fff8e7;background:linear-gradient(110deg,#1b2941,#27354d);border:1px solid #e1d1b254;border-radius:9px;cursor:pointer;font:600 14px/1.6 'Noto Sans KR',sans-serif;word-break:keep-all}
 #yeokjuTempleAtlas .yj-ref-topic-item span:nth-child(2){flex:1}
 #yeokjuTempleAtlas .yj-ref-topic-item .yj-topic-index{color:var(--yj-accent,#d3b68e);font:700 12px Georgia,serif}
 #yeokjuTempleAtlas .yj-ref-topic-item .yj-topic-arrow{color:#ecd5ad}
 #yeokjuTempleAtlas .yj-ref-topic-item:is(:hover,:focus-visible){border-color:var(--yj-accent,#e3b77e);background:#37445d;outline:2px solid #e6c49280}
 #yeokjuTempleAtlas .yj-ref-primary{display:block;margin:30px auto 0;cursor:pointer;width:min(100%,480px);min-height:55px;background:linear-gradient(90deg,#0a5545,#154b48);border:1px solid #c9b47e;border-radius:999px;color:#fff5e4;font:750 16px 'Noto Serif KR',serif;box-shadow:0 8px 28px #0006}
 #yeokjuTempleAtlas .yj-ref-primary:is(:hover,:focus-visible){filter:brightness(1.18);outline:2px solid #f1cf90}
 #yeokjuTempleAtlas .yj-general-detail{background:#121827;color:#fff6ec}
 #yeokjuTempleAtlas .yj-general-hero{min-height:450px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(28px,5vw,55px);background-size:cover;background-position:center 40%;border-bottom:3px solid var(--yj-tone,#c9ba95)}
 #yeokjuTempleAtlas .yj-general-hero .yj-general-symbol{font-size:40px;color:var(--yj-tone,#d6c6af)}
 #yeokjuTempleAtlas .yj-general-hero h2{font:750 clamp(37px,6vw,63px)/1.2 'Noto Serif KR',serif;color:#fff3e2!important;text-shadow:0 4px 25px #000d;margin:14px 0}
 #yeokjuTempleAtlas .yj-general-hero p{font:500 clamp(16px,2.5vw,22px)/1.6 'Noto Serif KR',serif;text-shadow:0 3px 12px #000c}
 #yeokjuTempleAtlas .yj-general-guide{display:grid;grid-template-columns:1fr 1fr;min-height:480px;border-bottom:2px solid var(--yj-tone,#b6aa90);background:linear-gradient(130deg,#061a24,#1a2034)}
 #yeokjuTempleAtlas .yj-general-guide>img{display:block;width:100%;height:100%;max-height:620px;object-fit:cover;object-position:center 26%}
 #yeokjuTempleAtlas .yj-general-guide-words{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:clamp(20px,4vw,40px);background:linear-gradient(140deg,#0c1928,#1c2433)}
 #yeokjuTempleAtlas .yj-general-guide-words small{color:var(--yj-tone,#f1d6ad);font:650 14px 'Noto Serif KR',serif}
 #yeokjuTempleAtlas .yj-general-guide-words h3{font:750 clamp(30px,4vw,45px)/1.4 'Noto Serif KR',serif!important;color:#fff4db!important;margin:0!important}
 #yeokjuTempleAtlas .yj-general-guide-words blockquote{font:550 clamp(17px,2.5vw,23px)/1.9 'Noto Serif KR',serif;color:#fff0e1;border:0;padding:0;margin:7px 0 4px}
 #yeokjuTempleAtlas .yj-ref-tags{display:flex;flex-wrap:wrap;gap:7px}
 #yeokjuTempleAtlas .yj-ref-tags span{font:500 12px/1.4 'Noto Sans KR',sans-serif;color:#fff3e9;background:#162b37c9;border:1px solid var(--yj-tone,#c1ab81);border-radius:999px;padding:7px 11px}
 #yeokjuTempleAtlas .yj-general-recommend{margin-top:15px;padding:20px;background:#f8f0df;color:#352f28;border-radius:12px;line-height:1.8}
 #yeokjuTempleAtlas .yj-general-recommend strong{font-size:13px}
 #yeokjuTempleAtlas .yj-general-recommend p{font-size:13px;margin:7px 0 0}
 #yeokjuTempleAtlas .yj-general-story-title{font:700 clamp(24px,3.4vw,35px)/1.5 'Noto Serif KR',serif!important;color:#f9ecd7!important;text-align:center;background:#101b2a;padding:30px 10px;margin:0!important}
 #yeokjuTempleAtlas .yj-general-comic{display:grid;grid-template-columns:1fr;gap:8px;padding:10px;background:#101b2a}
 #yeokjuTempleAtlas .yj-general-comic-panel{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:10px;min-height:260px;background-size:cover;background-position:center 37%;padding:22px;border:1px solid var(--yj-tone,#ceb58c)}
 #yeokjuTempleAtlas .yj-general-comic-panel>span{align-self:flex-start;background:#081522d9;padding:9px 12px;color:#f9e6d0}
 #yeokjuTempleAtlas .yj-comic-bubble{max-width:min(75%,440px);background:#fffaf0;color:#312b26;border:2px solid #4a3736;border-radius:32px 30px 14px 32px;padding:17px 22px;font:650 clamp(16px,2vw,21px)/1.6 'Noto Serif KR',serif;word-break:keep-all}
 #yeokjuTemplePending.yj-temple-pending{padding:14px 18px;background:#ede4d4;color:#492f28;border-left:4px solid #8b493f}
}
@media screen and (max-width:760px){
 body[data-yeokju-screen="home"] > header{display:none!important}
 #yeokjuTempleAtlas .yj-poster-desktop{display:none!important}
 #yeokjuTempleAtlas .yj-mobile-hero{display:flex!important;flex-direction:column;justify-content:center;min-height:270px;padding:20px 18px 28px!important;position:relative;text-align:center;background:linear-gradient(180deg,#06152c66,#0917299c 67%,#071323),url('yeokju-temple-hd-04.webp') center 35%/cover;color:#f9f0de}
 #yeokjuTempleAtlas .yj-mobile-hero .yj-mast{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto;padding:0 0 38px;gap:12px;color:#fff8e9}
 #yeokjuTempleAtlas .yj-mobile-hero .yj-mast strong{font:750 27px 'Noto Serif KR',serif}
 #yeokjuTempleAtlas .yj-mobile-hero .yj-mast small{font:500 8px 'Noto Sans KR',sans-serif;letter-spacing:.15em;color:#e2d3bc}
 #yeokjuTempleAtlas .yj-mobile-menu{border:1px solid #f4dab699!important;border-radius:7px;background:#101d2dcc!important;color:#f7e8d5!important;min-width:44px;min-height:44px;font-size:20px}
 #yeokjuTempleAtlas .yj-mobile-hero h1{font:700 clamp(26px,8vw,41px)/1.4 'Noto Serif KR',serif!important;color:#fff6e5!important;text-shadow:0 3px 16px #000c;margin:0 0 13px!important;word-break:keep-all}
 #yeokjuTempleAtlas .yj-mobile-hero p{font:450 13px/1.8 'Noto Serif KR',serif;color:#f0e7d9;margin:0;text-shadow:0 3px 12px #000d}
 #yeokjuTempleAtlas .yj-mobile-tile-grid{display:grid!important;grid-template-columns:1fr;gap:10px;padding:12px 10px 5px!important;width:min(100%,550px);margin:0 auto}
 #yeokjuTempleAtlas .yj-mobile-tile{position:relative;display:block;width:100%;aspect-ratio:1.65;overflow:hidden;border:1px solid #e7c9958c;border-radius:10px;background:#142137;box-shadow:0 12px 24px #0007;padding:0!important;cursor:pointer}
 #yeokjuTempleAtlas .yj-mobile-tile img{width:100%;height:100%;object-fit:fill;display:block;transition:transform .18s ease}
 #yeokjuTempleAtlas .yj-mobile-tile:is(:hover,:focus-visible){outline:2px solid #f2d29c;outline-offset:2px}
 #yeokjuTempleAtlas .yj-mobile-tile:hover img{transform:scale(1.018)}
 #yeokjuTempleAtlas .yj-mobile-actions{display:flex!important;gap:9px;padding:19px 10px 16px;margin:auto;width:min(100%,550px)}
 #yeokjuTempleAtlas .yj-mobile-action{flex:1;min-height:49px;padding:11px 10px!important;border:1px solid #e3bf80;border-radius:8px;background:#162c45;color:#fbedda;font:750 13px 'Noto Sans KR',sans-serif;cursor:pointer}
 #yeokjuTempleAtlas .yj-mobile-action:first-child{background:#7d4740}
 #yeokjuTempleAtlas .yj-reference-modal{background:#071120!important}
 #yeokjuTempleAtlas .yj-reference-shell{width:100%;border:0}
 #yeokjuTempleAtlas .yj-ref-close{top:8px;margin-left:8px;font-size:12px;padding:10px 13px}
 #yeokjuTempleAtlas .yj-ref-topics{padding:30px 13px 45px}
 #yeokjuTempleAtlas .yj-ref-topics-grid{grid-template-columns:1fr;gap:8px}
 #yeokjuTempleAtlas .yj-ref-topic-item{font-size:13px;min-height:61px;padding:13px 12px}
 #yeokjuTempleAtlas .yj-ref-artwork-hit{bottom:.5%;height:5.3%;min-height:38px}
 #yeokjuTempleAtlas .yj-general-hero{min-height:310px;padding:27px 20px}
 #yeokjuTempleAtlas .yj-general-guide{grid-template-columns:1fr}
 #yeokjuTempleAtlas .yj-general-guide>img{height:370px;max-height:none;object-position:center 30%}
 #yeokjuTempleAtlas .yj-general-comic-panel{min-height:210px;padding:13px}
 #yeokjuTempleAtlas .yj-comic-bubble{max-width:80%;padding:13px 16px;font-size:14px}
}
@media screen and (min-width:550px) and (max-width:760px){
 #yeokjuTempleAtlas .yj-mobile-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,740px)}
 #yeokjuTempleAtlas .yj-mobile-tile{aspect-ratio:1.28}
}
@media print{#yeokjuTempleAtlas{display:none!important}}