/* bernisa-telefon.css – telefonen (under 900 px): djup + läsbar text.
   Att göra "BERNISA – sidorna på telefonen: djup + läsbar text" (17/10 2026, Birgitta: "platt" + "grå texten svår att läsa").
   Laddas sist i varje sida. Storlekar och skuggor per sida skrivs av system/telefon/telefon-stil.py. */
:root{--mut:#E4EAEE;--dim:#CBD5DC}
@media (max-width:899px){
  html{background:#0B1016}
  body{font-size:18px;line-height:1.6;
    background:radial-gradient(130% 55% at 85% -5%,rgba(245,181,63,.10) 0%,rgba(245,181,63,0) 60%),
               radial-gradient(120% 50% at 0% 100%,rgba(62,214,168,.07) 0%,rgba(62,214,168,0) 60%),
               linear-gradient(180deg,#131C27 0%,#0E151D 45%,#0B1016 100%) #0B1016;
    background-attachment:scroll}
  p,li,dd,td,th,label,small,blockquote{line-height:1.6}
  h1,h2,h3{line-height:1.2}
  input,select,textarea{font-size:max(16px,1em);min-width:0;max-width:100%}
  small{font-size:max(16px,.9em)}
  form textarea,.campo textarea{min-height:150px}
  input::placeholder,textarea::placeholder{color:#C3CDD5;opacity:1}
  img:not([width="1"]){border-radius:16px}
  main img,.ph img,.hero img{box-shadow:0 12px 30px rgba(0,0,0,.45)}
  .hero img{border-radius:0;box-shadow:none}
  .ilustra svg,.prova svg{filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}
}