.site-branding-container .site-logo{margin-right:-3px}
.nav-float-right #site-navigation{margin-left:45px}
.main-navigation .main-nav ul li a{padding-left:18px;padding-right:18px}
.inside-article{padding-top:10px!important}
.gt-footer ul{padding:0 20px;font-size:16px;list-style:none;margin:0 auto;text-align:center;display:flex;flex-direction:row;justify-content:center;line-height:30px;margin-top:4px;flex-wrap:wrap}
.gt-footer li{margin:0 12px}
h1,h2,h3{margin-top:24px}
p{margin-bottom:20px}
.archive{display:flex;flex-wrap:wrap;align-items:stretch;gap:20px;}
.archive .blockquote{flex:1 1 calc(50% - 10px);max-width:calc(50% - 10px);box-sizing:border-box;}
@media(max-width:768px){.archive .blockquote{flex:1 1 100%;max-width:100%;}}
.center{text-align:center;margin:0 auto} .cheese-test{background:tomatox}
.cheese-center{margin:0 auto;text-align:center}
.cheese-wide{width:100%}
.cheese-big-wide{width:100%}
.cheese-medium{width:336px}
.double-cheese{margin-bottom:20px}
.blogpost-center{position:relative;left:180px}
.mobile-cheese-small{width:100%;margin-bottom:20px} .tool{position:relative}
.tool-content{background:#fff;padding:20px;filter: drop-shadow(0px 2px 14px rgba(0,0,0,0.2))}
.tool-content p{margin-bottom:10px}
.tool-blogpost{padding:20px}
.blogpost,.data-blogpost{max-width:800px;margin:0 auto}
.data{margin-bottom:32px}
.data h1,.data h2,.data p{text-align:center}
.tool-content h1{margin-top:-2px} .lcp_catlist{list-style:none;margin:0;display:flex;flex-direction:row;flex-wrap:wrap}
.lcp_catlist li{width:49%;position:relative;padding:0 24px 2px 220px;min-height:152px;margin-bottom:40px}
.lcp_catlist li:nth-child(2n){margin-left:2%}
.lcp_catlist li a:first-of-type{text-decoration:none;font-size:22px;font-weight:700;line-height:28px}
.lcp_catlist li a:first-child+a{position:absolute;left:0;top:4px}
.lcp_excerpt{;border-top:1px solid #ccc;margin-top:4px;padding-top:4px}  .info-box{display:flex;align-items:center;gap:14px;padding:1em;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.06);margin-bottom:30px;border:1px solid;flex-wrap:nowrap}
.info-box img{width:64px;height:64px;flex-shrink:0}
.info-box p{margin:0;line-height:1.5}
.info-box--emoji .emoji-icon{font-size:48px;line-height:1}
@media(max-width:600px){
.info-box{flex-direction:column;text-align:center;gap:6px;flex-wrap:wrap}
.info-box img{width:128px;height:128px;margin-bottom:0}
.info-box--emoji .emoji-icon{font-size:72px}
} .info-box--default{border-color:#21C9A7;background-color:#e9fdf9}
.info-box--success{border-color:#10b981;background-color:#ecfdf5}
.info-box--warning{border-color:#f59e0b;background-color:#fffbeb}
.info-box--danger{border-color:#ef4444;background-color:#fef2f2}
.info-box--neutral{border-color:#d1d5db;background-color:#f9fafb} .mmr-form{width:100%;padding:1em;border:1px solid #21C9A7;border-radius:12px;background:#f9fffd;box-shadow:0 2px 6px rgba(0,0,0,0.05)}
.mmr-form label{display:block;margin-bottom:4px;font-weight:600}
.mmr-form input,.mmr-form select{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;margin-bottom:12px}
.mmr-form button{background:#21C9A7;color:#fff;border:none;padding:14px 16px;border-radius:8px;cursor:pointer;font-weight:bold;font-size:16px;width:100%}
.mmr-form button:hover{background:#1bb394}
.mmr-result{margin-top:1em;padding:1em;background:#e9fdf9;border:1px solid #21C9A7;border-radius:10px}
.mmr-result strong{font-size:28px;display:block;margin-bottom:8px} .champion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:4px;width:100%;margin:0 auto;padding:2px;text-align:center}
.champion-card{background:#f0f0f0;border-radius:8px;padding:4px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.champion-card:hover{transform:scale(1.03);box-shadow:0 2px 6px rgba(0,0,0,0.08)}
.champion-card img{border-radius:6px;width:52px;height:52px}
.champion-name{font-weight:600;font-size:10px;line-height:10px;margin-top:2px} .icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;max-width:100%;margin:16px auto;text-align:center}
.icon-card{background:#1c1c1c;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.25);transition:transform 0.2s ease;color:white;display:flex;flex-direction:column;align-items:center}
.icon-card:hover{transform:scale(1.05)}
.icon-card img{width:160px;height:auto;margin:-6px 0 -42px}
.icon-card .icon-title{font-size:15px;font-weight:700;margin-bottom:4px;padding:0 8px;color:#36E5C2}
.icon-card .icon-sub{font-size:12px;color:#ccc;margin-bottom:2px;padding:0 8px}
.icon-card .icon-meta{font-size:11px;color:#888;padding:0 8px;margin-bottom:-6px} @media(min-width:1300px){
.icon-grid{grid-template-columns:repeat(8,1fr)}
} @media(max-width:900px){
.icon-grid{grid-template-columns:repeat(4,1fr);gap:4px;margin-left:-2px}
.icon-card img{width:100px;margin:-8px 0 -30px}
.icon-card .icon-title{font-size:11px}
.icon-card .icon-sub{font-size:8.8px}
.icon-card .icon-meta{font-size:9px;margin-bottom:-10px}
} .lol-rank-table{width:100%;border-collapse:collapse;margin-top:1em}
.lol-rank-table thead th{background:#e9fdf9;color:#000;border:1px solid #21C9A7;padding:6px;text-align:left}
.lol-rank-table td{border:1px solid #ccc;padding:4px}
.lol-rank-table img{height:42px;vertical-align:middle;margin-right:6px}
.lol-faq-section { margin-top: 2em; }
.lol-faq-section .faq-item { background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); overflow: hidden; }
.lol-faq-section .faq-question { padding: 15px 20px; font-weight: bold; cursor: pointer; display: block; color: #333; position: relative; transition: background-color 0.2s ease; }
.lol-faq-section .faq-question:hover { background-color: #f5f5f5; }
.lol-faq-section .faq-question::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.2em; line-height: 1; transition: transform 0.2s ease; }
.lol-faq-section .faq-item[open] .faq-question::after { content: '-'; transform: translateY(-50%) rotate(0deg); }
.lol-faq-section .faq-answer { padding: 12px 20px; color: #555; line-height: 1.6; } .quote-info-box{display:flex;align-items:flex-start;background-color:#e9fdf9;border:1px solid #21C9A7;border-radius:12px;padding:15px 20px;box-shadow:0 2px 8px rgba(0,0,0,0.05);gap:15px;margin-top:25px;margin-bottom:25px;}
.quote-info-box .quote-icon{width:60px;height:60px;border-radius:50%;flex-shrink:0;object-fit:cover;border:2px solid #21C9A7;margin-top:5px;}
.quote-info-box .quote-content{flex-grow:1;padding:0;}
.quote-info-box .quote-text{font-size:1.5em;font-style:italic;font-weight:bold;color:#21C9A7;margin-top:0;margin-bottom:10px;line-height:1.2;}
.quote-info-box .quote-source{font-size:0.95em;line-height:1.5;color:#444;margin-top:0;}
@media(max-width:600px){.quote-info-box{flex-direction:column;align-items:center;text-align:center;padding:15px;gap:10px;}.quote-info-box .quote-icon{width:50px;height:50px;margin-bottom:5px;}.quote-info-box .quote-text{font-size:1.3em;margin-bottom:5px;}}
.info-box-with-icon{border:1px solid #21C9A7;border-radius:8px;padding:15px;background-color:#e9fdf9;color:#333;margin-top:30px;display:flex;align-items:center;gap:15px;text-align:left;font-size:0.9em;}
.info-box-icon{width:5em;height:5em;flex-shrink:0;border-radius:50%;border:2px solid #21C9A7;object-fit:cover;}
.info-box-text{font-size:16px;margin:0;padding:0;flex-grow:1;}
@media (max-width:600px){.info-box-with-icon{flex-direction:column;align-items:center;text-align:center;gap:0;padding:20px;}.info-box-icon{width:7em;height:7em;margin-bottom:0}.info-box-text{font-size:1em;width:100%;}}
.strategy-boxes-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:1em;}
.strategy-box{background:#f9fffd;border:1px solid #21C9A7;border-radius:12px;padding:1em;text-align:center;box-sizing:border-box;flex:0 0 100%;max-width:100%;}
@media(min-width:769px){.strategy-box{flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px);}} @media all and (min-width:1024px){ .toolbox{max-width:1360px;display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:30px}
.banana-tool{width:360px;}
.tool{width:calc(100% - 360px)}
.data .tool{width:calc(100%)}
.data .tool-content{padding-left:20px;padding-right:20px}
.tool-content{padding:40px 360px 40px 40px;min-height:500px}
.tool-content.content-full{padding:40px 40px 10px 40px}
.tool-character{width:360px;position:absolute;right:-2px;top:60px}
.tool-blogpost{padding:0 20px 0 380px}
} @media all and (min-width:1024px) and (max-width:1480px){
.tool-content{padding:40px 40px 40px 40px}
.tool-character{width:390px;position:relative;left:0;right:auto;top:auto;bottom:auto;background:#fff;width:100%;padding-bottom:10px;text-align:center}
} @media all and (min-width:1024px) and (max-width:1224px){
} @media all and (max-width:1023px){
.sub-menu-right{margin-left:0!important}
.main-nav li{border-top:1px solid #333}
.main-nav li a{line-height:60px!important}
.main-nav li:last-child{margin-bottom:-18px}
.inside-article{padding-top:0!important}
.tool-content{position:relative;z-index:2;margin-top:200px}
.tool-content.content-full{margin-top:0}
.tool-character{z-index:1;text-align:center;position:absolute;top:-200px;width:100%} .data{padding:0;margin-bottom:20px} .cheese-frame{width:calc(100% - 40px)}
.blogpost-center{left:auto} .lcp_catlist li{width:100%;margin-bottom:20px;padding:0 0 20px 105px;border-bottom:1px solid #ccc;min-height:auto}
.lcp_catlist li a:first-of-type{font-size:18px;font-weight:700;line-height:24px}
.lcp_catlist li a:last-of-type{width:90px;max-width:90px}
.lcp_catlist li:nth-child(2n){margin-left:0}
.lcp_excerpt{border:none;padding:0;margin:0;font-size:16px;line-height:22px}
}.post-image-above-header .inside-article .featured-image,.post-image-above-header .inside-article .post-image{margin-top:0;margin-bottom:2em}.post-image-aligned-left .inside-article .featured-image,.post-image-aligned-left .inside-article .post-image{margin-top:0;margin-right:2em;float:left;text-align:left}.post-image-aligned-center .featured-image,.post-image-aligned-center .post-image{text-align:center}.post-image-aligned-right .inside-article .featured-image,.post-image-aligned-right .inside-article .post-image{margin-top:0;margin-left:2em;float:right;text-align:right}.post-image-below-header.post-image-aligned-center .inside-article .featured-image,.post-image-below-header.post-image-aligned-left .inside-article .featured-image,.post-image-below-header.post-image-aligned-left .inside-article .post-image,.post-image-below-header.post-image-aligned-right .inside-article .featured-image,.post-image-below-header.post-image-aligned-right .inside-article .post-image{margin-top:2em}.post-image-aligned-left>.featured-image,.post-image-aligned-right>.featured-image{float:none;margin-left:auto;margin-right:auto}.post-image-aligned-left .featured-image{text-align:left}.post-image-aligned-right .featured-image{text-align:right}.post-image-aligned-left .inside-article:after,.post-image-aligned-left .inside-article:before,.post-image-aligned-right .inside-article:after,.post-image-aligned-right .inside-article:before{content:"";display:table}.post-image-aligned-left .inside-article:after,.post-image-aligned-right .inside-article:after{clear:both}.one-container.post-image-above-header .no-featured-image-padding.generate-columns .inside-article .post-image,.one-container.post-image-above-header .page-header+.no-featured-image-padding .inside-article .post-image{margin-top:0}.one-container.both-right.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-right.post-image-aligned-center .no-featured-image-padding .post-image,.one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding .post-image{margin-right:0}.one-container.both-left.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-left.post-image-aligned-center .no-featured-image-padding .post-image,.one-container.left-sidebar.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.left-sidebar.post-image-aligned-center .no-featured-image-padding .post-image{margin-left:0}.one-container.both-sidebars.post-image-aligned-center .no-featured-image-padding .featured-image,.one-container.both-sidebars.post-image-aligned-center .no-featured-image-padding .post-image{margin-left:0;margin-right:0}.one-container.post-image-aligned-center .no-featured-image-padding.generate-columns .featured-image,.one-container.post-image-aligned-center .no-featured-image-padding.generate-columns .post-image{margin-left:0;margin-right:0}@media (max-width:768px){body:not(.post-image-aligned-center) .featured-image,body:not(.post-image-aligned-center) .inside-article .featured-image,body:not(.post-image-aligned-center) .inside-article .post-image{margin-right:0;margin-left:0;float:none;text-align:center}}