/* RadarHelpLive Numbers — one-page parchment design study 2026-10-12
   Preview only; preserves the original HTML article, public images, and feedback state.
   Paper shade #F8EDD9 (lighter than prior #EAD5B8). */
:root{--paper:#F8EDD9;--paper-edge:#E1C391;--paper-light:#FFF7E8;--ink:#13334B;--gold:#B18A4A}
html{background:#ECE1D0}
body{margin:0!important;background:radial-gradient(ellipse at 50% 12%,#f8f1e7 0,#ede2d2 56%,#e4d7c3 100%)!important;color:var(--ink)!important;font-family:Georgia,'Times New Roman',serif!important}
.parchment-page{position:relative;isolation:isolate;max-width:1090px;width:calc(100% - 78px);margin:45px auto 70px;padding:0 23px 5px;background-color:var(--paper);
 background-image:radial-gradient(ellipse at 30% 25%,rgba(255,255,255,.53) 0%,transparent 53%),radial-gradient(ellipse at 95% 65%,rgba(206,168,107,.075) 0%,transparent 60%),repeating-linear-gradient(15deg,rgba(116,79,29,.014) 0px,rgba(116,79,29,.014) 1px,transparent 2px,transparent 17px);
 border-left:1px solid rgba(160,116,59,.30);border-right:1px solid rgba(160,116,59,.30);box-shadow:0 26px 64px rgba(66,45,21,.20),0 4px 14px rgba(80,57,22,.11)}
.parchment-page::before,.parchment-page::after{content:"";position:absolute;top:18px;bottom:18px;width:23px;z-index:0;background:url("./edge.svg") repeat-y top left/23px 172px;filter:drop-shadow(-2px 0px 1px rgba(93,57,25,.20));pointer-events:none}
.parchment-page::before{left:-20px}.parchment-page::after{right:-20px;transform:scaleX(-1);filter:drop-shadow(-2px 0px 1px rgba(93,57,25,.20))}
.parchment-roll{height:54px;margin:0 -34px;position:relative;z-index:2;border-radius:28px/24px;border:1px solid rgba(148,101,42,.5);
 background:linear-gradient(180deg,#fff7e7 0%,#f8e8c9 21%,#c9a16e 44%,#e3c79b 62%,#ffeccb 80%,#c3a071 96%,#a57740 100%);
 box-shadow:0 7px 15px rgba(86,54,22,.18),inset 0 -3px 5px rgba(89,56,26,.20)}
.parchment-roll::before,.parchment-roll::after{content:"";position:absolute;width:28px;height:58px;top:-3px;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,#96704a 0,#a98255 24%,#efd1a2 30%,#f9e5c0 57%,#a87a42 76%,#7c542e 92%);box-shadow:0 4px 8px rgba(72,47,24,.15)}
.parchment-roll::before{left:-9px}.parchment-roll::after{right:-9px}
.parchment-roll--bottom{margin-top:9px;transform:rotate(.1deg);box-shadow:0 10px 15px rgba(86,54,22,.21),inset 0 3px 5px rgba(89,56,26,.14)}
.top{background:transparent!important;color:#18374d!important;border-bottom:1px solid rgba(160,118,69,.18)}
.top .wrap{padding-top:16px;padding-bottom:15px}
.top a{color:#21475c!important;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.top .brand{font-family:Georgia,serif;font-size:1.18rem;letter-spacing:.035em;color:#17374a!important}
.wrap{max-width:1010px!important}
.mast{padding-top:16px!important}
.cosmic{border-radius:14px 14px 0 0!important;box-shadow:0 10px 28px rgba(16,45,56,.17)!important;max-height:320px;object-fit:cover!important;aspect-ratio:3/1}
.mast-intro{background:linear-gradient(115deg,#102e41 0%,#185a6e 68%,#725332 100%)!important;border-radius:0 0 16px 16px!important;box-shadow:0 7px 22px rgba(21,42,50,.15)!important}
.mast-intro h1{font-family:Georgia,'Times New Roman',serif!important;color:#fffaf1!important}
.mast-intro p{color:#fff8e8!important}
.content{padding-top:30px!important;padding-bottom:56px!important}
.main{max-width:790px!important}
.section h2,.section h3{color:#12354c!important}
.editorial{background:rgba(255,251,242,.60)!important;border:1px solid #e2c79f!important;border-left:5px solid var(--gold)!important;box-shadow:0 3px 12px rgba(138,99,51,.06)!important}
.callout{background:linear-gradient(115deg,rgba(237,244,236,.90),rgba(255,248,231,.85))!important;border:1px solid #d8c6a7!important;border-left:5px solid #b48d55!important;box-shadow:0 5px 16px rgba(124,88,47,.07)!important}
.callout b{color:#745020!important}
table{background:#fff7e7!important}th{background:#f0dfbf!important;color:#214557!important}
th,td{border-color:#ddc8a7!important}
.questions{background:rgba(255,249,234,.76)!important;border-color:#d9b988!important}
.questions li{border-bottom-color:#e5ceaa!important}
.app-card{background:rgba(255,250,237,.74)!important;border:1px solid #d5b78b!important;box-shadow:0 6px 15px rgba(114,74,34,.09)!important}
.app-card .card-copy{display:flex;flex-direction:column;align-items:flex-start;height:calc(100% - 210px)}
.app-card .card-copy p{flex:1}
.cta{background:#95652d!important;color:white!important}
.cta:hover{background:#745025!important}
.feedback{background:rgba(247,230,198,.70)!important;border:1px solid #cfb18c!important;box-shadow:0 3px 14px rgba(116,85,46,.10)}
.feedback button{background:#fff2d9!important;border-color:#ccb185!important;color:#805c2d!important}
.feedback button:disabled{opacity:.70!important}
.footer{background:transparent!important;border-top:1px solid #d5b988;color:#67583e!important}
.footer a{color:#765326!important}
.parchment-page .closing{color:#48655b!important}
.parchment-page a:focus-visible{outline:3px solid #ba8e46}
@media(min-width:780px){.parchment-page .section h2{letter-spacing:-.015em}}
@media(max-width:700px){
 body{font-size:16px!important}
 .parchment-page{width:calc(100% - 28px);margin:28px auto 45px;padding:0 5px 3px;box-shadow:0 12px 25px rgba(66,45,21,.15)}
 .parchment-page::before,.parchment-page::after{width:11px;background-size:11px 172px}
 .parchment-page::before{left:-9px}.parchment-page::after{right:-9px}
 .parchment-roll{height:30px;margin:0 -13px;border-radius:15px}
 .parchment-roll::before,.parchment-roll::after{height:36px;width:16px;top:-3px}
 .parchment-roll::before{left:-4px}.parchment-roll::after{right:-4px}
 .mast{padding-top:10px!important}.cosmic{border-radius:10px 10px 0 0!important;aspect-ratio:2.35/1;object-fit:cover!important}
 .mast-intro{border-radius:0 0 10px 10px!important}
 .top .wrap{padding-top:9px;padding-bottom:10px}
 .top .brand{font-size:1.06rem}
 .content{padding-bottom:35px!important}
 .cards{grid-template-columns:1fr!important}
 .app-card .card-copy{height:auto}
 .app-card img{height:190px}
 .feedback .btns{gap:9px}
 .footer{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}


/* Antique paper V4: actual ragged four-sided paper edges. No scrolls, tubes or end caps.
   Deliberately separate edge assets; no clip-path of the content or drop-shadow. */
.parchment-page{
  width:calc(100% - 124px)!important;
  max-width:1090px!important;
  margin:65px auto 87px!important;
  padding:48px 24px 39px!important;
  overflow:visible!important;
  clip-path:none!important;
  border:none!important;
  background-color:#F8EDD9!important;
  background-image:radial-gradient(ellipse at 32% 20%,rgba(255,255,255,.34),transparent 48%),
   radial-gradient(ellipse at 91% 62%,rgba(179,133,70,.055),transparent 46%),
   repeating-linear-gradient(13deg,rgba(111,78,36,.011) 0px,rgba(111,78,36,.011) 1px,transparent 2px,transparent 17px)!important;
  box-shadow:0 18px 48px rgba(92,63,34,.19),0 5px 14px rgba(92,63,34,.085)!important;
}
.parchment-page::before,.parchment-page::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:auto!important;
  top:0!important;
  bottom:0!important;
  height:100%!important;
  width:44px!important;
  border:none!important;
  border-radius:0!important;
  clip-path:none!important;
  background-image:url("./tear-left.svg")!important;
  background-position:top left!important;
  background-repeat:repeat-y!important;
  background-size:44px 220px!important;
  filter:drop-shadow(-2px 0 2px rgba(93,68,36,.13))!important;
  pointer-events:none!important;
}
.parchment-page::before{left:-32px!important}
.parchment-page::after{right:-32px!important;left:auto!important;transform:scaleX(-1)!important}
.parchment-roll,.parchment-roll--bottom{
 display:block!important;
 position:absolute!important;
 z-index:2!important;
 width:auto!important;
 height:44px!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:0!important;
 transform:none!important;
 box-shadow:none!important;
 filter:drop-shadow(0px -1px 2px rgba(106,75,37,.10))!important;
 background-color:transparent!important;
 background-position:top left!important;
 background-repeat:repeat-x!important;
 background-size:260px 44px!important;
}
.parchment-roll::before,.parchment-roll::after,
.parchment-roll--bottom::before,.parchment-roll--bottom::after{
 content:none!important;display:none!important;
}
.parchment-roll--top{
 top:-35px!important;
 left:-32px!important;
 right:-32px!important;
 background-image:url("./tear-top.svg")!important;
}
.parchment-roll--bottom{
 bottom:-35px!important;
 top:auto!important;
 left:-32px!important;
 right:-32px!important;
 background-image:url("./tear-bottom.svg")!important;
 filter:drop-shadow(0 2px 2px rgba(106,75,37,.11))!important;
}
.parchment-page>.top,.parchment-page>.mast,.parchment-page>main,.parchment-page>.footer{position:relative;z-index:3}
.parchment-page .top{border-bottom:1px solid rgba(169,127,72,.17)!important}
@media(max-width:700px){
 .parchment-page{
   width:calc(100% - 54px)!important;
   margin:48px auto 64px!important;
   padding:31px 7px 26px!important;
 }
 .parchment-page::before,.parchment-page::after{width:26px!important;background-size:26px 220px!important}
 .parchment-page::before{left:-18px!important}
 .parchment-page::after{right:-18px!important}
 .parchment-roll,.parchment-roll--bottom{height:32px!important;background-size:190px 32px!important}
 .parchment-roll--top{top:-24px!important;left:-18px!important;right:-18px!important}
 .parchment-roll--bottom{bottom:-24px!important;left:-18px!important;right:-18px!important}
}

/* V4 MOBILE IMAGE QA — preserve the complete 3:1 photograph on narrow screens. */
@media(max-width:700px){.cosmic{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:3/1!important;object-fit:contain!important}}

/* V5 experimental: πιο βαθιά ακανόνιστα σκισίματα μόνο δεξιά/αριστερά */
.parchment-page::before,
.parchment-page::after{
  background-image:url("./tear-left.svg") !important;
  background-size:44px 220px !important;
}

/* V5 tone tuning: λίγο πιο σκούρο γύρω-γύρω και στα σκισμένα */
.parchment-page{
  box-shadow:
    0 18px 48px rgba(92,63,34,.24),
    0 6px 16px rgba(92,63,34,.11),
    inset 0 0 0 1px rgba(184,145,87,.20),
    inset 0 0 42px rgba(143,104,53,.07) !important;
}

.parchment-page::before,
.parchment-page::after{
  filter:
    brightness(.92)
    saturate(1.04)
    drop-shadow(0 0 1px rgba(109,77,37,.18)) !important;
  opacity: 1 !important;
}

.parchment-roll--top,
.parchment-roll--bottom{
  filter:
    brightness(.94)
    saturate(1.03)
    drop-shadow(0 0 1px rgba(109,77,37,.14)) !important;
  opacity: .98 !important;
}

.parchment-page .top{
  border-bottom:1px solid rgba(161,118,63,.26) !important;
}