/* Keep the requested Instagram / X / LINE reading order on every screen. */
#home-view #sns.social-feature{display:flex;flex-direction:column;gap:0}
#home-view #sns .instagram-feature,#home-view #sns .x-feature{display:grid;grid-template-columns:185px minmax(0,1fr) auto;align-items:center;gap:22px;padding:27px 0;border:0;border-top:1px solid var(--rule);background:none;border-radius:0}
#home-view #sns .instagram-feature .sns-brand,#home-view #sns .x-feature .sns-brand{grid-column:auto;gap:13px}
#home-view #sns .x-feature .brand-x-twitter{width:30px;height:30px;object-fit:contain}
#home-view #sns .x-message h3{font-size:18px;line-height:1.7;letter-spacing:.015em}
#home-view #sns .x-feature>.btn{align-self:center;white-space:nowrap;padding:5px 0;min-height:44px;gap:13px;border-radius:0;border:0;border-bottom:1px solid var(--deep);background:transparent;color:var(--deep);font-size:12px}
#home-view #sns .x-feature>.btn:hover{text-decoration:underline;text-underline-offset:4px}
#home-view #sns .line-feature{padding:24px 0 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}
#home-view #sns .line-feature:before{display:none}
#home-view #sns .line-feature>.text-link{width:auto}
#home-view #sns .line-feature .sns-brand{gap:13px}
#home-view #sns .line-feature .sns-platform{font-size:17px}
#home-view #sns .line-feature .brand-line{width:32px;height:32px}
#home-view #sns a:focus-visible{outline:3px solid var(--deep);outline-offset:5px}
:is(#home-view,#blog-view,body) .brand-closing .connect-options{grid-template-columns:minmax(0,1fr) 240px}
:is(#home-view,#blog-view,body) .brand-closing .connect-socials{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px}
:is(#home-view,#blog-view,body) .brand-closing .connect-line{grid-column:1/-1}
:is(#home-view,#blog-view,body) .brand-closing .connect-x>.brand-x-twitter{filter:brightness(0) invert(1);width:25px;height:25px}
:is(#home-view,#blog-view,body) .brand-closing .connect-x{gap:9px;min-width:80px}
body .bottom-nav .brand-x-twitter{width:25px;height:25px;object-fit:contain}
@media(min-width:701px) and (max-width:1100px){
 :is(#home-view,#blog-view,body) .brand-closing .connect-socials{display:flex;flex-wrap:wrap;gap:10px 22px}
}
@media(max-width:700px){
 #home-view #sns .instagram-feature,#home-view #sns .x-feature{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:25px 0 27px}
 #home-view #sns .x-message h3{font-size:20px}
 #home-view #sns .instagram-feature>.btn,#home-view #sns .x-feature>.btn{align-self:flex-start;gap:18px}
 #home-view #sns .line-feature{padding-top:22px;gap:16px}
 #home-view #sns .line-feature .sns-platform{font-size:14px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-social{gap:8px}
 :is(#home-view,#blog-view,body) .brand-closing .connect-social small{display:none}
 :is(#home-view,#blog-view,body) .brand-closing .connect-x{min-width:44px}
 body .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* Frame only the two main SNS cards; leave LINE and all footer treatments intact. */
#home-view #sns .instagram-feature,#home-view #sns .x-feature{padding:28px 30px;border:0;border-radius:20px;color:#fff;margin-bottom:18px}
#home-view #sns .instagram-feature{background:linear-gradient(125deg,#593bb9 0%,#9d309f 38%,#ce2e6a 74%,#e56a35 100%)}
#home-view #sns .x-feature{background:#141517}
#home-view #sns :is(.instagram-feature,.x-feature) :is(.sns-platform,.sns-handle,h2,h3,p){color:#fff}
#home-view #sns :is(.instagram-feature,.x-feature) .sns-handle{opacity:.88}
#home-view #sns .instagram-feature .instagram-message p{opacity:.95}
#home-view #sns :is(.instagram-feature,.x-feature) .sns-brand>.brand-icon{filter:brightness(0) invert(1)}
#home-view #sns .instagram-feature>.btn,#home-view #sns .x-feature>.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;background:#fff;border:1px solid #fff;border-radius:999px;color:#24232a;gap:13px;font-size:12px;line-height:1.5}
#home-view #sns .instagram-feature>.btn:hover,#home-view #sns .x-feature>.btn:hover{background:#fff;color:#24232a;text-decoration:underline;text-underline-offset:4px}
#home-view #sns :is(.instagram-feature,.x-feature) a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(min-width:701px) and (max-width:1000px){
 #home-view #sns .instagram-feature,#home-view #sns .x-feature{grid-template-columns:150px minmax(0,1fr);gap:18px 22px;padding:26px}
 #home-view #sns .instagram-feature>.btn,#home-view #sns .x-feature>.btn{grid-column:2;justify-self:start}
}
@media(max-width:700px){
 #home-view #sns .instagram-feature,#home-view #sns .x-feature{padding:25px 22px 26px;gap:20px;border-radius:18px;margin-bottom:18px}
 #home-view #sns .instagram-feature{background:linear-gradient(155deg,#593bb9 0%,#9d309f 48%,#ce2e6a 80%,#e56a35 100%)}
 #home-view #sns .instagram-feature>.btn,#home-view #sns .x-feature>.btn{padding:10px 18px;align-self:flex-start}
}