/* SDC アプリバナーブロック - バナー本体スタイル
   フロント・ブロックエディタ・preview.html の3箇所から共通参照される唯一のCSS。 */

/* LP（sdc-studio.net）と同じ Google Fonts（Inter / Noto Sans JP / Lexend） */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400..800&family=Noto+Sans+JP:wght@400..700&family=Lexend:wght@600..900&display=swap');

/* セレクタをクラス2連にしているのは、サイトテーマの
   `.entry a { display:inline; ... }` / `.entry img { margin:2% auto 3%; }`
   （詳細度 0,1,1・テーマCSSが後読み）に確実に勝つため。単一クラスに戻すと記事内で崩れる。 */
.sdc-app-banner.sdc-app-banner{display:block;max-width:840px;margin:2em auto;padding:26px 28px;border-radius:16px;background:radial-gradient(ellipse at 78% 12%,rgba(59,118,246,.20),transparent 55%),linear-gradient(135deg,#0c1222 0%,#111d3a 60%,#0c1222 100%);border:1px solid rgba(59,118,246,.45);box-shadow:0 8px 28px rgba(12,18,34,.3);text-decoration:none !important;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;font-family:'Inter Variable','Inter','Noto Sans JP Variable','Noto Sans JP',sans-serif;word-break:normal;overflow-wrap:break-word;color:#fff;}
.sdc-app-banner *{box-sizing:border-box;}
.sdc-app-banner.sdc-app-banner:hover{border-color:rgba(89,150,255,.85);box-shadow:0 12px 36px rgba(29,68,184,.4);transform:translateY(-2px);}
.sdc-app-banner.sdc-app-banner img{border:none;box-shadow:none;margin:0;max-width:100%;}
.sdc-app-banner__inner{display:flex;align-items:center;gap:24px;}
.sdc-app-banner__text{display:block;flex:1 1 53%;min-width:0;}
.sdc-app-banner__logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.sdc-app-banner__logo-icon{width:44px;height:44px;border-radius:10px;flex:0 0 auto;box-shadow:0 4px 14px rgba(59,118,246,.35);}
.sdc-app-banner__logo-words{display:flex;flex-direction:column;line-height:1.25;}
.sdc-app-banner__logo-name{font-family:'Lexend','Inter',sans-serif;font-size:17px;font-weight:600;color:#fff;letter-spacing:-.01em;}
.sdc-app-banner__logo-sub{font-size:10.5px;color:rgba(255,255,255,.45);letter-spacing:.025em;}
.sdc-app-banner__title{display:block;font-size:30px;font-weight:720;color:#fff !important;line-height:1.18;letter-spacing:-.02em;margin-bottom:12px;}
.sdc-app-banner__title-accent{color:#5996ff;background:linear-gradient(90deg,#8ebcff,#5996ff,#bcd4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;}
.sdc-app-banner__desc{display:block;font-size:13.5px;font-weight:420;color:rgba(255,255,255,.68);line-height:1.75;}
.sdc-app-banner__visual{display:block;flex:1 1 47%;min-width:0;padding:9px;border-radius:14px;background:linear-gradient(160deg,#1c2742,#0a0f1e);border:1px solid rgba(255,255,255,.10);box-shadow:0 14px 36px rgba(2,6,18,.55),0 0 44px rgba(59,118,246,.28);overflow:hidden;}
.sdc-app-banner__shot{display:block;width:100%;height:auto;border-radius:7px;transition:transform .25s ease;}
.sdc-app-banner:hover .sdc-app-banner__shot{transform:scale(1.02);}
.sdc-app-banner__foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;}
.sdc-app-banner__badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#bcd4ff;background:rgba(59,118,246,.15);border:1px solid rgba(59,118,246,.4);border-radius:999px;padding:6px 14px;}
.sdc-app-banner__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-left:auto;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b76f6,#2557db);border-radius:10px;padding:12px 30px;box-shadow:0 4px 18px rgba(59,118,246,.4);transition:background .2s ease,box-shadow .2s ease;}
.sdc-app-banner:hover .sdc-app-banner__btn{background:linear-gradient(135deg,#2d65e8,#1d44b8);box-shadow:0 6px 22px rgba(59,118,246,.55);}
.sdc-app-banner__arrow{display:inline-block;transition:transform .2s ease;}
.sdc-app-banner:hover .sdc-app-banner__arrow{transform:translateX(3px);}
@media (max-width:640px){
.sdc-app-banner__title{font-size:24px;}
}
@media (max-width:560px){
.sdc-app-banner.sdc-app-banner{padding:20px;}
.sdc-app-banner__inner{flex-direction:column;align-items:stretch;gap:18px;}
.sdc-app-banner__title{font-size:26px;}
.sdc-app-banner__logo{margin-bottom:12px;}
.sdc-app-banner__foot{flex-direction:column;align-items:stretch;margin-top:18px;}
.sdc-app-banner__badge{justify-content:center;}
.sdc-app-banner__btn{margin-left:0;width:100%;}
}