/* Exact Media-gallery card-link typography, baseline aa83dfe. Scoped to the six homepage result cards only. */
#results .jsk-result-more{display:block;width:fit-content;max-width:100%;line-height:1.5;margin:6px 0 0;padding:5px 0 3px;font-family:Arial,Helvetica,'Helvetica Neue',sans-serif;font-size:17.5px;font-weight:600;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#6b4e17;text-decoration:none;border:0;border-bottom:1px solid currentColor;box-sizing:border-box;}
#results .jsk-result-more:hover,#results .jsk-result-more:focus-visible{color:#16233d;}
#results .jsk-result-more:focus-visible{outline:2px solid #6b4e17;outline-offset:3px;}
#results .jsk-result-more .media-more-arrow{display:inline-block;}
@media(max-width:699px){html[lang=en] #results .jsk-result-more{font-family:'Bodoni Moda',serif;font-size:17.5px;font-weight:600;line-height:1.2;letter-spacing:.01em;text-transform:none;}}
@media(min-width:1120px){html[lang=en] #results .jsk-result-more{font-family:'Bodoni Moda',serif;font-size:21.165px;font-weight:600;line-height:1.2;letter-spacing:.01em;text-transform:none;}}
html[lang=ko] #results .jsk-result-more{font-family:'Noto Serif KR',serif;font-size:20px;font-weight:500;letter-spacing:normal;line-height:1.5;text-transform:uppercase;}
/* Touch-only screens and every mobile layout remain static. any-* includes mouse-equipped hybrid tablets. */
@media(min-width:700px) and (any-hover:hover) and (any-pointer:fine){
 #results .jsk-result-more .media-more-arrow{transition:transform .18s ease-out;}
 #results .jsk-result-more:hover .media-more-arrow,#results .jsk-result-more:focus-visible .media-more-arrow{transform:translateX(4px);}
}
@media(prefers-reduced-motion:reduce){#results .jsk-result-more .media-more-arrow{transition:none!important;transform:none!important;}}

/* Enlarge the pointer hit area without changing gallery typography or underline position. */
#results .jsk-result-more{position:relative;}
#results .jsk-result-more::before{content:"";position:absolute;inset:-8px 0;min-height:44px;}

/* Mobile Selected Experience CTA — owner-approved 2026-11-02.
 * English: Option 2 "Refined Sans" (Arial), verified against index 1 of the EN array
 * in the original 25-option prototype; the earlier "Quiet Small Caps" reading came
 * from counting that array from zero and is corrected here.
 * Korean: the approved gold-brown, deepened for legibility on the cream card.
 *
 * Isolation. Scoped to .concept-master, which exists in all 24 mobile presentation
 * files and in none of the 44 desktop or 24 tablet files, and additionally held
 * inside the site's existing mobile breakpoint. Desktop and tablet therefore cannot
 * match this block. Tablet loads its own copy of this stylesheet from
 * /tablet-assets/ and is untouched either way.
 *
 * Font size. Each CTA must compute to exactly the size of the description element
 * immediately above it inside the same expanded card. Those sizes are declared in
 * each mobile page's own <style> block as:
 *     .concept-master .result-detail div          -> 16.5px   (English)
 *     .concept-master.lang-ko .result-detail div  ->   17px   (Korean)
 * The two values below mirror those declarations. tests/mobile-cta-typography.test.mjs
 * asserts the equality against the live computed styles, so any future drift in the
 * description size fails the suite rather than passing silently.
 */
@media(max-width:699px){
 /* English — Refined Sans: Arial, regular weight, no small caps.
  * Owner-approved 2026-11-03: size raised to 103% of the previous 16.5px and the
  * colour deepened again to #755426 for visibility on the cream card. English is
  * therefore now 3% larger than the description above it, by explicit
  * authorisation; Korean continues to match its description exactly, and the two
  * languages now use deliberately different gold-browns. Weight stays 400 and
  * nothing is added to simulate strength - no shadow, glow, border or outline. */
 html[lang=en] .concept-master #results .jsk-result-more{
  font-family:Arial,sans-serif;
  font-weight:400;
  font-style:normal;
  font-variant:normal;
  letter-spacing:.025em;
  text-transform:none;
  color:#755426;
  font-size:calc(16.5px * 1.03);
 }
 html[lang=en] .concept-master #results .jsk-result-more:hover,
 html[lang=en] .concept-master #results .jsk-result-more:focus-visible{color:#16233d;}

 /* Korean — colour and size only. Family, weight, style, letter spacing and
  * text-transform are deliberately not restated, so the existing Korean
  * typography continues to apply unchanged. The colour is deepened from the
  * original #B49A70, which read too pale against the cream card; nothing is
  * added to compensate - no glow, shadow, outline or heavier weight. */
 html[lang=ko] .concept-master #results .jsk-result-more{
  color:#927345;
  font-size:17px;
 }
 html[lang=ko] .concept-master #results .jsk-result-more:hover,
 html[lang=ko] .concept-master #results .jsk-result-more:focus-visible{color:#16233d;}
}