/* Παλιές κλάσεις περιεχομένου από το Blogger theme — χρειάζονται στα μεταφερμένα άρθρα */
.post-body img{max-width:100%;height:auto;margin:6px auto}
/* εικόνες άρθρου: μένουν μέσα στη στήλη, φυσικές αναλογίες */ .post-body .separator,.post-body figure{margin:26px 0;max-width:100%}
.post-body .separator img,.post-body figure img{max-width:100%;height:auto;margin:0 auto}
.post-body img{max-width: 100%; padding: 10px 0; position: relative; margin: 0 auto}
.techbox.box-yellow h2{background: #e2c601}
.techbox.box-blue h2{background: #2ad2c9}
.techbox.box-red h2{background: #f7176a}
.TD-note1{position: relative!important; padding: 20px 20px 20px 50px!important; color: #fff!important; font-size: .85rem!important; font-family: var(--fontB)!important; line-height: 1.6em!important; border-radius: 10px!important; overflow: hidden!important; background: linear-gradient(110deg,#fdcd3b,#ffed4b )}
.TD-note1:before{content: ''!important; width: 60px!important; height: 60px!important; background: #01579b!important; display: block!important; border-radius: 50%!important; position: absolute!important; top: -8px!important; left: -12px!important; opacity: .05!important}
.TD-note1:after{content: '\002A'!important; position: absolute!important; left: 18px!important; top: 20px!important; font-size: 22px!important; min-width: 15px!important; text-align: center!important}
.TD-note2{position: relative!important; padding: 20px 20px 20px 50px!important; color: #fff!important; font-size: .85rem!important; font-family: var(--fontB)!important; line-height: 1.6em!important; border-radius: 10px!important; overflow: hidden!important; background: linear-gradient(to right,#ff6464,#5ac8fa)}
.TD-note2:before{content: ''!important; width: 60px!important; height: 60px!important; background: #01579b!important; display: block!important; border-radius: 50%!important; position: absolute!important; top: -8px!important; left: -12px!important; opacity: .05!important}
.TD-note2:after{content: '\002A'!important; position: absolute!important; left: 18px!important; top: 20px!important; font-size: 22px!important; min-width: 15px!important; text-align: center!important}
.TD-note3{position: relative!important; padding: 20px 20px 20px 50px!important; color: #fff!important; font-size: .85rem!important; font-family: var(--fontB)!important; line-height: 1.6em!important; border-radius: 10px!important; overflow: hidden!important; color: #fff; background: linear-gradient(110deg,#000,rgba(0,0,0,0) 33%),linear-gradient(110deg,#dd0000,#ffc608)}
.TD-note3:before{content: ''!important; width: 60px!important; height: 60px!important; background: #01579b!important; display: block!important; border-radius: 50%!important; position: absolute!important; top: -8px!important; left: -12px!important; opacity: .05!important}
.TD-note3:after{content: '\002A'!important; position: absolute!important; left: 18px!important; top: 20px!important; font-size: 22px!important; min-width: 15px!important; text-align: center!important}
.TD-note4{position: relative!important; padding: 20px 20px 20px 50px!important; color: #fff!important; font-size: .85rem!important; font-family: var(--fontB)!important; line-height: 1.6em!important; border-radius: 10px!important; overflow: hidden!important; color: #fff; background: linear-gradient(-70deg,#fa7c30,rgba(0,0,0,0)),url('https://www.nasa.gov/sites/default/files/thumbnails/image/pia21421-cr.jpg'); background-size: cover; background-position: 50% 21%}
.TD-note4:before{content: ''!important; width: 60px!important; height: 60px!important; background: #01579b!important; display: block!important; border-radius: 50%!important; position: absolute!important; top: -8px!important; left: -12px!important; opacity: .05!important}
.TD-note4:after{content: '\002A'!important; position: absolute!important; left: 18px!important; top: 20px!important; font-size: 22px!important; min-width: 15px!important; text-align: center!important}
.TD-note5{position: relative!important; padding: 20px 20px 20px 50px!important; color: #fff!important; font-size: .85rem!important; font-family: var(--fontB)!important; line-height: 1.6em!important; border-radius: 10px!important; overflow: hidden!important; color: #fff; background: linear-gradient(110deg,#a60af3,#7a00cc,#c03fff,rgba(0,0,0,0)),radial-gradient(farthest-corner at 0% 0%,#5EC6F7,#5EC6F7)}
.TD-note5:before{content: ''!important; width: 60px!important; height: 60px!important; background: #01579b!important; display: block!important; border-radius: 50%!important; position: absolute!important; top: -8px!important; left: -12px!important; opacity: .05!important}
.TD-note5:after{content: '\002A'!important; position: absolute!important; left: 18px!important; top: 20px!important; font-size: 22px!important; min-width: 15px!important; text-align: center!important}
.TD-note6{position: relative!important; padding: 20px 20px 20px 50px!important; color: #fff!important; font-size: .85rem!important; font-family: var(--fontB)!important; line-height: 1.6em!important; border-radius: 10px!important; overflow: hidden!important; background: linear-gradient(70deg,#fff810,rgba(0,0,0,0) ),linear-gradient(30deg,#63e89e,#ff7ee3)}
.TD-note6:before{content: ''!important; width: 60px!important; height: 60px!important; background: #01579b!important; display: block!important; border-radius: 50%!important; position: absolute!important; top: -8px!important; left: -12px!important; opacity: .05!important}
.TD-note6:after{content: '\002A'!important; position: absolute!important; left: 18px!important; top: 20px!important; font-size: 22px!important; min-width: 15px!important; text-align: center!important}
.TSheading-1{background-image: linear-gradient(to right,#eb3941,#f15e64,#e14e53,#e2373f); box-shadow: 0 5px 15px rgba(242,97,103,.4); Color: white; padding: 10px; border-radius: 7px}
.TSheading-2{background-image: linear-gradient(to right,#25aae1,#40e495,#30dd8a,#2bb673); box-shadow: 0 4px 15px 0 rgba(49,196,190,0.75); Color: white; padding: 10px; border-radius: 7px}
.TSheading-3{background-image: linear-gradient(to right,#f5ce62,#e43603,#fa7199,#e85a19); box-shadow: 0 4px 15px 0 rgba(229,66,10,0.75); Color: white; padding: 10px; border-radius: 7px}
.TSheading-4{background-image: linear-gradient(to right,#667eea,#764ba2,#6B8DD6,#8E37D7); box-shadow: 0 4px 15px 0 rgba(116,79,168,0.75); Color: white; padding: 10px; border-radius: 7px}
.TSheading-5{background-image: linear-gradient(to right,#fc6076,#ff9a44,#ef9d43,#e75516); box-shadow: 0 4px 15px 0 rgba(252,104,110,0.75); Color: white; padding: 10px; border-radius: 7px}
.TSheading-6{background-image: linear-gradient(to right,#0ba360,#3cba92,#30dd8a,#2bb673); box-shadow: 0 4px 15px 0 rgba(23,168,108,0.75); Color: white; padding: 10px; border-radius: 7px}
.TSheading-7{background-image: linear-gradient(to right,#009245,#FCEE21,#00A8C5,#D9E021); box-shadow: 0 4px 15px 0 rgba(83,176,57,0.75); Color: white; padding: 10px; border-radius: 7px}
.TSheading-8{background-image: linear-gradient(to right,#6253e1,#852D91,#A3A1FF,#F24645); box-shadow: 0 4px 15px 0 rgba(126,52,161,0.75); Color: white; padding: 10px; border-radius: 7px}
.TSheading-9{background-image: linear-gradient(to right,#29323c,#485563,#2b5876,#4e4376); box-shadow: 0 4px 15px 0 rgba(45,54,65,0.75); Color: white; padding: 10px; border-radius: 7px}
.TSheading-10{background-image: linear-gradient(to right,#25aae1,#4481eb,#04befe,#3f86ed); box-shadow: 0 4px 15px 0 rgba(65,132,234,0.75); Color: white; padding: 10px; border-radius: 7px}
.TSheading-11{background-image: linear-gradient(to right,#ed6ea0,#ec8c69,#f7186a,#FBB03B); box-shadow: 0 4px 15px 0 rgba(236,116,149,0.75); Color: white; padding: 10px; border-radius: 7px}
.notes1:before{color: #21a796; content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--i-thumbs-up); mask-image: var(--i-thumbs-up)}
.notes1{background: #cfffe6; color: #565656}
.notes2:before{color: #f95060; content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--i-thumbs-down); mask-image: var(--i-thumbs-down)}
.notes2{background: #f9bfc5; color: #565656}
.notes3:before{color: #2387c1; content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--i-exclamation-circle); mask-image: var(--i-exclamation-circle)}
.notes3{background: #c8d9e2; color: #565656}
.notes4:before{color: #1aa687; content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--i-check); mask-image: var(--i-check)}
.notes4{background: #6dedd0; color: #565656}
.notes5:before{color: #f63a50; content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--i-times); mask-image: var(--i-times)}
.notes5{background: #fb818f; color: #fff}
.notes6:before{color: #f7871a; content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--i-quote-left); mask-image: var(--i-quote-left)}
.notes6{background: #A93226; color: #fff}
.notes7:before{color: #969696; content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--i-link); mask-image: var(--i-link)}
.notes7{background: #f5f68e; color: #565656}
.notes1:hover:before,.notes2:hover:before,.notes3:hover:before,.notes4:hover:before,.notes5:hover:before,.notes6:hover:before,.notes7:hover:before,.notes8:hover:before,.notes9:hover:before,.notes10:hover:before{-webkit-animation: ripple 0.65s linear; -moz-animation: ripple 0.65s linear; -ms-animation: ripple 0.65s linear; -o-animation: ripple 0.65s linear; animation: ripple 0.65s linear}
.separator{margin: 20px 0; min-height: 50px; display: block}
.separator img:hover{transform: scale(1.02)}
.post-body img[width][height]{height: auto}
.post-body img,.post-body .separator img,.post-body figure img{max-width: 100%; height: auto}
.demo:before{content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--i-eye); mask-image: var(--i-eye); margin-right: 5px; display: inline-block; font-style: normal; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.download:before{content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--i-download); mask-image: var(--i-download); margin-right: 5px; display: inline-block; font-style: normal; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.buy:before{content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--i-credit-card); mask-image: var(--i-credit-card); margin-right: 5px; display: inline-block; font-style: normal; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.visit:before{content: ''; display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: var(--i-external-link); mask-image: var(--i-external-link); margin-right: 5px; display: inline-block; font-style: normal; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.separator img{border-bottom: 2px solid #ffb200; border-top: 2px solid #50ff00; border-right: 2px solid #002dff; border-left: 2px solid #e300ff; width: auto; pointer-events: none; border-radius: 10px; box-shadow: rgba(0,0,0,0.4) 0px 2px 4px,rgba(0,0,0,0.3) 0px 7px 13px -3px,rgba(0,0,0,0.2) 0px -3px 0px inset}
.post-body .hero-image #figcap-hero,.post-body .hero-image span{display: none}
.post-body .hero-image h2{font-size: 1.1rem; margin-bottom: 0}
.post-body .hero-image>div>div:last-child{padding: 16px 18px 16px}
.post-body,.post-body img,.post-body table,.post-body pre{max-width: 100%}
.comparison-box{overflow-x: auto; -webkit-overflow-scrolling: touch}
.post-body img{max-width: 100% !important; height: auto !important; display: block; margin: 0 auto}
.post-body img,.post-content img{max-width: 100% !important; height: auto !important}
.post-body .tool-image-container{max-width: 900px; margin: 30px auto; padding: 12px; border-radius: 16px; background: linear-gradient(135deg,#0f2027,#203a43,#2c5364); box-shadow: 0 15px 35px rgba(0,0,0,0.35); transition: transform 0.4s ease,box-shadow 0.4s ease}
.post-body .tool-image-container:hover{transform: translateY(-6px); box-shadow: 0 25px 55px rgba(0,0,0,0.45)}
.post-body .tool-image{width: 100%; height: auto; display: block; border-radius: 12px; transition: transform 0.4s ease,filter 0.4s ease}
.post-body .tool-image-container:hover .tool-image{transform: scale(1.04); filter: brightness(1.05) contrast(1.05)}
transitions. */ .post-body img,.post-content img{border-radius: 8px; transition: opacity .3s ease, transform .2s ease}
.post-body img:hover,.post-content img:hover{transform: scale(1.02)}
.post-body img:hover,.post-content img:hover{transform: none}
.article .post-body img{max-width:100%;height:auto}
.post-body-google-box .google-box-title{margin: 0 0 8px;
  padding: 0;
  background: transparent;
  color: var(--ink);
  font-family: var(--display);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;}
.post-body-google-box .google-box-description{margin: 0 0 16px;
  padding: 0;
  background: transparent;
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.55;}
.post-body-google-box .google-box-button{display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 10px 20px;
  background: #1a73e8;
  color: #ffffff !important;
  border: 0;
  border-radius: 6px;
  font-family: var(--text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease,
              background-color 0.15s ease;}
.post-body-google-box .google-box-button:hover{background: #1769d1;
  color: #ffffff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(26, 115, 232, 0.25);}
.post-body-google-box .google-box-icon{font-size: 17px;
  line-height: 1;}
.post-body-google-box .google-box-footer{margin-top: 2px;
  padding-top: 12px;
  border-top: 1px solid var(--rule);
  background: transparent;}
.post-body-google-box .google-box-footer span{display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;}
.post-body-google-box .google-box-title{font-size: 15px;}
.post-body-google-box .google-box-description{font-size: 12.5px;}
.post-body-google-box .google-box-button{width: 100%;
    max-width: 280px;
    padding: 10px 16px;
    font-size: 13px;}
.post-body-google-box .google-box-footer span{font-size: 12.5px;}
/* ========================================================== AUTHOR BOX LoveForTechnology.net ========================================================== */ .author-box-wrapper{width: 100%;
  max-width: 100%;
  margin: 34px 0 30px;
  box-sizing: border-box;}
.author-box-wrapper{margin: 28px 0 26px;}
/* ================================================================== ΛΟΓΟΤΥΠΟ — τελικά μεγέθη και παρουσίαση Το drop-shadow ακολουθεί το πραγματικό σχήμα του PNG (στρογγυλό σήμα), σε αντίθεση με το box-shadow που θα έβγαζε τετράγωνο. ================================================================== */ .brand{padding:2px 0}
/* ================================================================== 3. ΕΝΟΠΟΙΗΣΗ ΑΚΤΙΝΩΝ / ΣΚΙΩΝ — μόνο στο κέλυφος. Το CSS των άρθρων (notes, box-*, TSheading-*) ΔΕΝ αγγίζεται. ================================================================== */ .lead .shot{border-radius:var(--r-md) !important;box-shadow:var(--sh-1),var(--sh-3) !important}
.rp-card,.lft-card,.author-box-wrapper,.pn a{border-radius:var(--r-sm) !important;box-shadow:none !important;
  border:1px solid var(--rule) !important}
/* το παλιό πλαίσιο συγγραφέα αντικαταστάθηκε από το .lft-author */ .author-box-wrapper{display:none !important}
.post-body-google-box .google-box-title{font-size:1.1rem;font-weight:700;color:#202124;margin:0 0 8px}
.post-body-google-box .google-box-description{font-size:0.95rem;color:#5f6368;margin:0 0 18px;line-height:1.5}
/* Κουμπί: ίδιο χρώμα σε ΟΛΕΣ τις καταστάσεις */
.post-body-google-box a.google-box-button.google-box-button,
.post-body-google-box a.google-box-button.google-box-button:link,
.post-body-google-box a.google-box-button.google-box-button:visited,
.post-body-google-box a.google-box-button.google-box-button:hover,
.post-body-google-box a.google-box-button.google-box-button:active,
.post-body-google-box a.google-box-button.google-box-button:focus{display:inline-flex;align-items:center;gap:8px;
  background:#1a73e8 !important;
  color:#ffffff !important;
  font-weight:700;font-size:1rem;
  padding:12px 24px;border-radius:999px;
  text-decoration:none !important;
  outline:none;box-shadow:none;
  -webkit-tap-highlight-color:transparent;}
.post-body-google-box a.google-box-button.google-box-button:hover{background:#1765cc !important}
.post-body-google-box a.google-box-button.google-box-button span{color:inherit !important}
.post-body-google-box .google-box-footer{margin-top:14px;font-size:0.8rem;color:#80868b}
.post-body-google-box .google-box-footer span{color:#80868b !important}
.post-body-google-box a.google-box-button.google-box-button{font-size:0.95rem;padding:11px 20px}