/* AMR JOURNAL GALACTIC ROYALE V2 — strict route-journal frontend presentation.
   No journal API, product/catalog, database, authentication or payment mutations.
   User blueprint artwork is a composition reference; copy and actions remain live. */
body.route-journal main#main {
  max-width:none!important;width:100%!important;margin:0 auto!important;
  padding:clamp(10px,1.3vw,23px) clamp(10px,2.3vw,37px) 34px!important;
  background:
    linear-gradient(180deg,#00122a88,#010d23ba 65%,#001c43b8),
    url('/assets/amr-royale-20261018/royale-wallpaper.jpg') center top / cover fixed no-repeat,
    #000b23!important;
}
body.route-journal #journal-section{
 max-width:1520px!important;margin:0 auto!important;
 --amr-j2-gold:#f5ce7d;--amr-j2-blue:#00abff;
}
body.route-journal .amr-journal-hero{
 min-height:clamp(310px,28vw,405px)!important;
 padding:24px clamp(17px,3vw,48px)!important;align-items:center!important;
 background:
  linear-gradient(90deg,#010d25dd 0%,#020f28df 26%,#00173894 55%,#00112682 100%),
  url('/assets/amr-royale-20261018/royale-wallpaper.jpg') center 32% / cover no-repeat!important;
 border:3px solid #f1bf67!important;border-radius:20px!important;
 box-shadow:inset 0 0 0 2px #0378d5,inset 0 0 22px #0068cb,0 0 16px #d6ab59b3!important;
 overflow:hidden!important;
}
body.route-journal .amr-journal-hero::before{
 z-index:7!important;inset:0!important;opacity:.96!important;
 background:url('/assets/categories-frame-v1.svg') center/100% 100% no-repeat!important;
 filter:drop-shadow(0 0 5px #e9bd64)!important;
}
body.route-journal .amr-journal-hero-copy{
 max-width:830px!important;padding:0 310px 0 clamp(122px,17vw,265px)!important;
 position:relative!important;z-index:6!important;
}
body.route-journal .amr-journal-kicker{
 font-size:clamp(11px,.86vw,14px)!important;margin:0 0 8px!important
}
body.route-journal #amr-journal-heading{
 font:700 clamp(38px,3.6vw,59px)/.96 Georgia,serif!important;
 letter-spacing:-.025em!important;max-width:560px!important;
 margin:0 0 12px!important;text-shadow:0 0 14px #edbe77a8,1px 3px 2px #020c23!important
}
body.route-journal .amr-journal-hero-copy>p:not(.amr-journal-kicker){
 font-size:clamp(12px,.95vw,15px)!important;max-width:450px!important;
 margin:0 0 14px!important;line-height:1.48!important
}
body.route-journal .amr-journal-gold-button{
 min-height:43px!important;padding:10px 18px!important;
 background:linear-gradient(135deg,#ffecac,#e9aa35)!important;
 border:1px solid #fff2b4!important;border-radius:8px!important;color:#071b37!important;
 box-shadow:inset 0 0 8px #fff2a7,0 0 12px #edae3b77!important
}
body.route-journal .amr-journal-hero-mascot{
 display:block!important;position:absolute!important;z-index:6!important;
 right:clamp(8px,4vw,73px)!important;bottom:-8px!important;
 width:clamp(220px,26vw,400px)!important;height:112%!important;
 max-height:none!important;object-fit:contain!important;object-position:bottom right!important;
 pointer-events:none!important;filter:drop-shadow(0 0 18px #039ef9af)!important
}
body.route-journal .amr-journal-orbit{
 top:13%!important;left:clamp(11px,2.8vw,45px)!important;
 width:clamp(135px,19vw,280px)!important;height:74%!important;
 opacity:.91!important
}
body.route-journal .amr-journal-hero-quote{
 position:absolute;z-index:6;right:12px;bottom:15px;
 max-width:160px;padding:8px;text-align:center;
 font:italic 600 clamp(10px,.85vw,14px)/1.35 Georgia,serif;color:#c8edff;
 text-shadow:0 0 8px #00aaff,0 1px 3px #000;pointer-events:none;
}
body.route-journal .amr-journal-breadcrumb{
 margin:12px 0 13px!important;border-radius:10px!important;
 background:linear-gradient(90deg,#021a39f7,#002f5bf2)!important;
 border-color:#32abffa9!important;min-height:45px!important
}
body.route-journal .amr-journal-featured,
body.route-journal .amr-journal-latest,
body.route-journal .amr-journal-topics{
 padding:37px clamp(13px,2vw,27px) 23px!important;
 margin-bottom:13px!important;border-radius:15px!important;
 background:linear-gradient(125deg,#00152df5,#041e41e8 70%,#00152ff2),
  url('/assets/amr-royale-20261018/royale-wallpaper.jpg') center/cover no-repeat!important;
 border:2px solid #edc16c!important;box-shadow:inset 0 0 0 1px #1481e2,inset 0 0 20px #056ff25e,0 0 13px #b98c48aa!important
}
body.route-journal #journal-section .amr-journal-section-heading{
 min-height:55px!important;z-index:10!important;margin-bottom:13px!important
}
body.route-journal #journal-section .amr-journal-section-kicker{
 font:700 clamp(22px,2vw,31px)/1.15 Georgia,serif!important;
 color:#ffdf94!important;text-shadow:0 0 6px #be8d4b!important;
}
body.route-journal .amr-journal-featured-grid{
 grid-template-columns:minmax(0,1fr)!important;min-height:230px!important
}
body.route-journal .amr-journal-featured-card:first-child{
 display:grid!important;grid-template-columns:minmax(0,51%) minmax(0,49%)!important;
 grid-row:auto!important;min-height:245px!important;padding:0!important;
 border:3px solid #f5c577!important;border-radius:16px!important;
 box-shadow:inset 0 0 12px #187de8,0 0 12px #dbb06588!important;
 background:linear-gradient(90deg,#01162ff9,#03244aeb)!important;
 overflow:hidden!important;text-decoration:none!important
}
body.route-journal .amr-journal-featured-card:first-child .amr-journal-photo{
 display:block!important;order:2!important;
 grid-column:2!important;grid-row:1!important;
 width:100%!important;height:100%!important;min-height:240px!important;
 background:linear-gradient(90deg,#031733ee 0%,transparent 45%),
 url('/assets/amr-royale-20261018/royale-wallpaper.jpg') center 42%/cover no-repeat!important;
 border-left:1px solid #d2a15d88!important
}
body.route-journal .amr-journal-featured-card:first-child .amr-journal-featured-card-body{
 display:flex!important;grid-column:1!important;grid-row:1!important;
 order:1!important;align-items:flex-start!important;justify-content:center!important;
 padding:clamp(14px,2.2vw,32px)!important;gap:8px!important;
 background:linear-gradient(105deg,#01142ffb,#021634ee)!important
}
body.route-journal .amr-journal-featured-card:first-child h3{
 font:700 clamp(20px,2.3vw,36px)/1.12 Georgia,serif!important;
 color:#ffe5aa!important
}
body.route-journal .amr-journal-featured-card:first-child p{
 max-width:500px!important;line-height:1.53!important;
 display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important
}
body.route-journal .amr-journal-featured-card:first-child .amr-journal-featured-cta{
 background:linear-gradient(145deg,#ffe9a5,#e4a639)!important;
 color:#091830!important;border:1px solid #fff1ba!important;
 box-shadow:0 0 12px #c6933d7d!important
}
body.route-journal .amr-journal-filter-shell{
 margin:11px 0 13px!important;padding:10px 13px!important;
 border:2px solid #dfb468!important;border-radius:12px!important;
 background:linear-gradient(100deg,#012647fb,#001329fb)!important;
 box-shadow:inset 0 0 12px #047bdc,0 0 11px #0783eb85!important
}
body.route-journal .amr-journal-filter-shell .browse-toolbar{
 background:transparent!important;padding:4px!important
}
body.route-journal .amr-journal-filter-shell .search-field input,
body.route-journal .amr-journal-filter-shell select{
 border-color:#278dcc!important;border-radius:8px!important;
 background:#02142df9!important;color:#fff1c8!important
}
body.route-journal .amr-journal-filter-shell .view-switch button[aria-pressed=true]{
 background:linear-gradient(145deg,#ffe8a1,#e5b13f)!important;color:#07162b!important
}
body.route-journal .amr-journal-topics .amr-journal-topic{
 border-color:#5cbdff!important;background:linear-gradient(125deg,#063e72,#001b3c)!important;
 box-shadow:0 0 11px #004ab877!important
}
body.route-journal .amr-journal-subscribe{
 grid-template-columns:70px minmax(0,1fr) minmax(280px,1.05fr) 100px!important;
 background:linear-gradient(100deg,#002651ed,#03122ff9)!important;
 padding:14px 24px!important;gap:15px!important;
 border:2px solid #e9bf6c!important;border-radius:15px!important;
 box-shadow:inset 0 0 13px #0588e0,0 0 12px #cba35ea1!important
}
body.route-journal .amr-journal-subscribe-mascot{
 display:block!important;max-height:135px!important;max-width:105px!important;
 height:130px!important;width:105px!important;object-fit:contain!important;
 object-position:bottom!important;margin:-22px 0 -18px!important;
 filter:drop-shadow(0 0 9px #0b83e2)!important;
}
body.route-journal .amr-journal-subscribe-field button{
 background:linear-gradient(155deg,#fff0af,#e5aa38)!important
}
body.route-journal .amr-journal-hero a:hover,
body.route-journal .amr-journal-featured-card:hover,
body.route-journal .amr-journal-topic:hover,
body.route-journal .amr-journal-section-heading>a:hover{
 filter:brightness(1.13)!important;transition:filter .22s ease!important
}
@media(min-width:901px) and (max-width:1280px){
 body.route-journal .amr-journal-hero-copy{padding-left:clamp(130px,17vw,220px)!important;padding-right:170px!important}
 body.route-journal .amr-journal-hero-mascot{width:clamp(200px,24vw,300px)!important}
 body.route-journal #amr-journal-heading{font-size:clamp(37px,3.6vw,50px)!important}
 body.route-journal .amr-journal-subscribe{grid-template-columns:60px 1fr 1fr 75px!important}
}
@media(max-width:900px){
 body.route-journal main#main{padding:10px 13px 30px!important}
 body.route-journal .amr-journal-hero{
  min-height:275px!important;padding:18px!important
 }
 body.route-journal .amr-journal-hero-copy{
  max-width:620px!important;padding:0 clamp(130px,25vw,220px) 0 clamp(30px,9vw,85px)!important
 }
 body.route-journal #amr-journal-heading{font-size:clamp(29px,4.3vw,44px)!important}
 body.route-journal .amr-journal-hero-mascot{
  width:clamp(145px,25vw,218px)!important;height:102%!important;right:-9px!important;bottom:-2px!important
 }
 body.route-journal .amr-journal-orbit{width:100px!important;left:0!important;opacity:.45!important}
 body.route-journal .amr-journal-hero-quote{display:none!important}
 body.route-journal .amr-journal-featured-card:first-child{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}
 body.route-journal .amr-journal-featured-card:first-child .amr-journal-photo{
  grid-column:1!important;grid-row:2!important;min-height:155px!important;height:155px!important;border-left:0!important
 }
 body.route-journal .amr-journal-featured-card:first-child .amr-journal-featured-card-body{grid-column:1!important;grid-row:1!important}
 body.route-journal .amr-journal-featured-card:first-child h3{font-size:clamp(20px,3vw,27px)!important}
 body.route-journal .amr-journal-subscribe{grid-template-columns:50px minmax(0,1fr) 82px!important}
 body.route-journal .amr-journal-subscribe-form{grid-column:2!important}
 body.route-journal .amr-journal-subscribe-mascot{grid-column:3!important;grid-row:1/3!important}
}
@media(max-width:520px){
 body.route-journal .amr-journal-hero{min-height:300px!important;padding:19px 12px!important}
 body.route-journal .amr-journal-hero-copy{padding:0 105px 0 5px!important}
 body.route-journal #amr-journal-heading{font-size:30px!important;line-height:1.02!important}
 body.route-journal .amr-journal-hero-mascot{width:155px!important;height:58%!important;right:-16px!important;bottom:-2px!important}
 body.route-journal .amr-journal-hero-copy>p:not(.amr-journal-kicker){font-size:10px!important}
 body.route-journal .amr-journal-gold-button{padding:8px 12px!important;font-size:11px!important;min-height:36px!important}
 body.route-journal .amr-journal-orbit{display:none!important}
 body.route-journal .amr-journal-featured-card:first-child .amr-journal-featured-card-body{padding:15px!important}
 body.route-journal .amr-journal-featured-card:first-child .amr-journal-photo{height:130px!important;min-height:130px!important}
 body.route-journal .amr-journal-featured-card:first-child h3{font-size:21px!important}
 body.route-journal .amr-journal-subscribe{grid-template-columns:46px minmax(0,1fr)!important}
 body.route-journal .amr-journal-subscribe-form{grid-column:1/-1!important}
 body.route-journal .amr-journal-subscribe-mascot{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 body.route-journal .amr-journal-orbit::before,
 body.route-journal .amr-journal-orbit::after,
 body.route-journal .amr-journal-orbit i{animation:none!important}
}

/* V2b — unclipped hero character and blueprint's three-line headline. */
@media(min-width:901px){
 body.route-journal .amr-journal-hero-copy{
  padding-left:clamp(122px,17vw,265px)!important;
  padding-right:clamp(165px,13.1vw,200px)!important;
 }
 body.route-journal #amr-journal-heading{
  font-size:clamp(40px,3.55vw,56px)!important;
  line-height:1.02!important;
  letter-spacing:-.032em!important
 }
 body.route-journal .amr-journal-hero-mascot{
  height:98%!important;bottom:0!important;top:auto!important;
  right:clamp(16px,3.5vw,67px)!important;
  width:clamp(225px,25vw,390px)!important;
  object-fit:contain!important;object-position:center bottom!important
 }
 body.route-journal .amr-journal-hero-quote{display:none!important}
}
@media(min-width:901px) and (max-width:1280px){
 body.route-journal .amr-journal-hero-copy{padding-right:160px!important}
 body.route-journal #amr-journal-heading{font-size:clamp(35px,3.3vw,47px)!important}
 body.route-journal .amr-journal-hero-mascot{height:98%!important}
}
@media(max-width:900px){
 body.route-journal .amr-journal-hero-mascot{
  height:94%!important;max-height:none!important;bottom:0!important;top:auto!important;
  object-fit:contain!important;object-position:bottom right!important
 }
}
@media(max-width:520px){
 body.route-journal .amr-journal-hero-mascot{
  height:57%!important;max-height:none!important;bottom:0!important
 }
}