/* YEOKJU V4. Make the premium illustrated character and report genuinely legible
   at 320–430 CSS px. Screen only: calculation, checkout, PDFs untouched. */
@media screen {
 #resultView .yeokju-result-comic[hidden]{display:none!important}
 #archiveCatalog .yeokju-graphic-story .yeokju-guide-bubble{position:relative}
 #archiveCatalog .yeokju-graphic-story .yeokju-guide-bubble::after{
   content:"";position:absolute;bottom:-12px;right:42px;
   border-style:solid;border-width:12px 10px 0;border-color:#f8efdf transparent transparent;
 }
 #archiveCatalog .yeokju-graphic-story:has(.yeokju-story-options button:nth-child(2)[aria-pressed="true"]){
  border-color:#c99194;background:radial-gradient(ellipse at 81% 33%,#8640575d,transparent 52%),linear-gradient(115deg,#11101d,#251727 70%,#15151d)
 }
 #archiveCatalog .yeokju-graphic-story:has(.yeokju-story-options button:nth-child(3)[aria-pressed="true"]){
  border-color:#dbc394;background:radial-gradient(ellipse at 75% 35%,#9c69385c,transparent 53%),linear-gradient(115deg,#14151e,#28201c 70%,#121c23)
 }
 #archiveCatalog .yeokju-graphic-story:has(.yeokju-story-options button:nth-child(2)[aria-pressed="true"]) .yeokju-story-portrait img{filter:drop-shadow(5px 14px 19px #000b) sepia(.18)}
 #archiveCatalog .yeokju-graphic-story:has(.yeokju-story-options button:nth-child(3)[aria-pressed="true"]) .yeokju-story-portrait img{filter:drop-shadow(1px 5px 22px #dda76a8c)}
 #resultView .native-reading-toc button{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;transition:border-color .16s ease;background:#17232a!important}
 #resultView .native-reading-toc button:nth-child(3n+2){background:linear-gradient(120deg,#241e28,#141b24)!important;border-left:3px solid #aa6f6f!important}
 #resultView .native-reading-toc button:nth-child(3n){background:linear-gradient(120deg,#1b2626,#131b25)!important;border-left:3px solid #a2ad8c!important}
 #resultView .native-reading-toc button:nth-child(3n+1){border-left:3px solid #d5af7a!important}
 #resultView .native-reading-toc button:nth-child(11){background:linear-gradient(110deg,#44212c,#201d26)!important;border-left:3px solid #e5b380!important}
 #resultView .native-reading-toc button::after{content:"✧";position:absolute;top:-8px;right:12%;font:70px Georgia,serif;color:#f3d69f;opacity:.08;pointer-events:none;z-index:-1}
 #resultView .native-reading-toc button:nth-child(2n)::after{content:"☾"}
 #resultView .native-reading-toc button:nth-child(3n)::after{content:"❖"}
 #resultView .native-reading-toc button:focus-visible{outline:3px solid #efcb9a!important;outline-offset:2px}
 #resultView .result-actions :is(button,a){background:#1d2934!important;border:1px solid #a88e68!important;color:#f8e9d6!important;-webkit-text-fill-color:#f8e9d6!important}
 #resultView .result-actions :is(button,a).primary{background:#9e423b!important;border-color:#d4a176!important}
 #resultView .result-actions :is(button,a):disabled{opacity:.52}
}
@media screen and (max-width:700px) {
 .result-stage{height:100dvh!important;overflow:hidden!important}
 .result-stage .result-head{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:54px!important;padding:7px 12px!important;box-sizing:border-box!important;overflow:hidden}
 .result-stage .result-head h2{flex:1 1 auto!important;min-width:0!important;max-width:none!important;margin:0!important;font-size:16px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .result-stage .result-head button{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:132px!important;min-height:40px!important;padding:7px 9px!important;font-size:13px!important;line-height:1.35!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;word-break:keep-all!important}
 #nativeEngineHost{height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}
 #nativeEngineHost #resultView.active .native-reading-tabs{position:relative!important;top:auto!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-height:59px!important;margin:0!important;padding:8px 12px!important}
 #nativeEngineHost #resultView.active .native-reading-tabs button{width:100%!important;min-width:0!important;min-height:43px!important;max-height:none!important;height:auto!important;padding:9px 5px!important;white-space:nowrap!important;word-break:keep-all!important;writing-mode:horizontal-tb!important;font-size:14px!important;line-height:1.35!important}
 #resultView .native-reading-toc{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:auto!important;margin:13px 12px 26px!important}
 #resultView .native-reading-toc button{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;min-width:0!important;align-items:center!important;gap:9px!important;min-height:61px!important;padding:10px 12px!important;text-align:left!important;border-radius:8px!important;box-shadow:none!important}
 #resultView .native-reading-toc button strong{min-width:0!important;overflow-wrap:break-word!important;word-break:keep-all!important;white-space:normal!important;font-size:14px!important;line-height:1.45!important;color:#f8ead5!important}
 #resultView .native-reading-toc button span{font-size:17px!important;color:#efbc82!important}
 #resultView .native-reading-toc button small{font-size:11px!important;color:#d8c8ae!important;white-space:nowrap!important}
 #resultView .result-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:12px!important}
 #resultView .result-actions>*{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;padding:10px 8px!important;box-sizing:border-box!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:break-word!important;writing-mode:horizontal-tb!important;font-size:13px!important;line-height:1.4!important;text-align:center!important}
 #resultView .yeokju-customer-reading .yeokju-paper-sheet{padding:22px 18px!important;min-height:0!important}
 #resultView .yeokju-customer-reading .yeokju-free-opening .yeokju-story-line{font-size:16px!important;line-height:1.83!important;margin-bottom:22px!important;overflow-wrap:break-word}
 #resultView .yeokju-customer-reading .yeokju-free-pillars{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #resultView .yeokju-free-opening .yeokju-free-pillar{min-width:0!important}
 #resultView .yeokju-free-opening .yeokju-free-pillar :is(strong,small){white-space:nowrap!important}
}
@media screen and (max-width:380px){
 #resultView .result-actions{grid-template-columns:1fr!important}
 #resultView .native-reading-toc button{grid-template-columns:27px minmax(0,1fr)!important}
 #resultView .native-reading-toc button small{grid-column:2}
}
@media screen and (prefers-reduced-motion:reduce){#resultView .native-reading-toc button{transition:none!important}}
@media print{#archiveCatalog .yeokju-graphic-story{display:none!important}}