body.shore-marketplace.single-post .shore-article { color:#122237; background:#fff; }
.shore-article *, .shore-article *::before, .shore-article *::after { box-sizing:border-box; }
.shore-article-breadcrumb { max-width:1220px; margin:auto; padding:18px 28px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; font-size:13px; color:#667080; }
.shore-article-breadcrumb a { color:#344257; text-decoration:none; }
.shore-article-breadcrumb a:hover, .shore-article-section-heading a:hover { color:#f26712; }
.shore-article-hero { min-height:420px; display:flex; align-items:center; background-image:linear-gradient(90deg,rgba(255,251,246,.98) 0%,rgba(255,251,246,.94) 37%,rgba(255,251,246,.12) 67%),var(--shore-article-image); background-color:#f6eee5; background-position:center,right center; background-size:cover; }
.shore-article-hero-inner { width:min(1220px,100%); margin:auto; padding:55px 28px; }
.shore-article-kicker { display:inline-block; padding:5px 9px; border:1px solid #f26712; border-radius:5px; color:#e85b0a; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.shore-article-hero h1 { max-width:620px; margin:15px 0; font-family:Georgia,serif; font-size:clamp(38px,5vw,68px); line-height:1.08; letter-spacing:-.035em; color:#102137; }
.shore-article-deck { max-width:530px; margin:0 0 20px; font-size:18px; line-height:1.55; color:#334358; }
.shore-article-meta { display:flex; flex-wrap:wrap; gap:12px; color:#26384d; font-size:13px; font-weight:600; }
.shore-article-meta span + span { border-left:1px solid #aab0b8; padding-left:12px; }
.shore-article-layout { max-width:1220px; margin:auto; padding:52px 28px 38px; display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:48px; align-items:start; }
.shore-article-body { min-width:0; font-size:16px; line-height:1.8; color:#425068; }
.shore-article-body > p:first-child { font-size:18px; color:#26384d; }
.shore-article-body h2 { margin:34px 0 14px; font-family:Georgia,serif; font-size:clamp(25px,2.5vw,34px); line-height:1.25; color:#102137; }
.shore-article-body h2:first-of-type { margin-top:0; }
.shore-article-body h2::after, .shore-article-section-heading h2::after { content:""; display:block; width:48px; height:3px; margin-top:12px; background:#ff6813; border-radius:3px; }
.shore-article-body p { margin:0 0 22px; }
.shore-article-body a { color:#e85b0a; text-underline-offset:3px; }
.shore-article-tip { margin-top:28px; padding:22px 25px; border-radius:10px; background:#fff3e9; border-left:4px solid #ff6813; }
.shore-article-tip strong { color:#e95e0b; font-size:17px; }
.shore-article-tip p { margin:5px 0 0; }
.shore-article-aside { padding:27px; border-radius:12px; background:#fffaf6; box-shadow:0 6px 28px rgba(22,33,48,.08); }
.shore-article-aside h2 { margin:0 0 5px; font-family:Georgia,serif; font-size:25px; line-height:1.2; color:#102137; }
.shore-article-aside > p { margin:0 0 25px; font-size:13px; line-height:1.5; color:#697587; }
.shore-article-check-group { margin:0 0 22px; }
.shore-article-check-group h3 { margin:0 0 9px; color:#17273a; font-size:15px; }
.shore-article-check-group label { display:flex; align-items:flex-start; gap:9px; margin:8px 0; cursor:pointer; color:#4a5668; font-size:13px; line-height:1.4; }
.shore-article-check-group input { flex:none; width:15px; height:15px; margin:2px 0 0; accent-color:#ff6813; }
.shore-article-check-group input:checked + span { text-decoration:line-through; color:#798493; }
.shore-article-button { display:inline-flex; align-items:center; justify-content:center; gap:15px; min-height:43px; padding:11px 20px; border-radius:7px; background:linear-gradient(90deg,#ff740b,#f2530b); color:white!important; font-weight:700; font-size:14px; text-decoration:none!important; }
.shore-article-button:hover { filter:brightness(.94); }
.shore-article-aside .shore-article-button { width:100%; }
.shore-article-cta { max-width:1164px; min-height:210px; margin:14px auto 45px; padding:35px 25px; border-radius:12px; text-align:center; color:#fff; background-image:linear-gradient(rgba(6,27,45,.28),rgba(6,27,45,.56)),var(--shore-article-cta); background-size:cover; background-position:center 54%; }
.shore-article-cta h2 { margin:0 0 7px; color:white; font-family:Georgia,serif; font-size:clamp(25px,3vw,36px); }
.shore-article-cta p { margin:0 0 16px; }
.shore-article-related, .shore-article-comments { max-width:1164px; margin:0 auto 45px; }
.shore-article-section-heading { display:flex; justify-content:space-between; gap:15px; align-items:center; margin-bottom:18px; }
.shore-article-section-heading h2, .shore-article-comments h2 { margin:0; font-family:Georgia,serif; font-size:28px; color:#102137; }
.shore-article-section-heading a { color:#ed5e0a; text-decoration:none; font-size:14px; font-weight:700; }
.shore-article-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.shore-article-card { overflow:hidden; border:1px solid #e8ebee; border-radius:9px; color:#17273a; text-decoration:none; box-shadow:0 4px 14px rgba(20,35,50,.05); }
.shore-article-card:hover { transform:translateY(-2px); box-shadow:0 8px 22px rgba(20,35,50,.12); }
.shore-article-card img { display:block; width:100%; height:170px; object-fit:cover; }
.shore-article-card-content { display:flex; flex-direction:column; gap:6px; padding:15px; }
.shore-article-card small { color:#e95e0b; font-weight:800; text-transform:uppercase; }
.shore-article-card strong { font-family:Georgia,serif; font-size:18px; line-height:1.25; }
.shore-article-card-content > span { color:#667080; font-size:13px; line-height:1.45; }
.shore-article-card time { margin-top:6px; color:#667080; font-size:12px; }
.shore-article-comments { padding:25px; border:1px solid #e5e9ee; border-radius:10px; background:#fafbfc; }
.shore-article-comments > div > p { margin:4px 0 18px; color:#667080; }
.shore-article-comments .comment-respond { margin-top:15px; }
.shore-article-comments :is(input:not([type=checkbox]),textarea) { box-sizing:border-box; max-width:100%; }
@media(max-width:1200px) { .shore-article-cta,.shore-article-related,.shore-article-comments { margin-left:28px; margin-right:28px; } }
@media(max-width:800px) { .shore-article-layout { grid-template-columns:1fr; gap:28px; } .shore-article-aside { max-width:none; } .shore-article-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .shore-article-breadcrumb { padding:13px 18px; } .shore-article-hero { min-height:490px; align-items:flex-end; background-image:linear-gradient(0deg,rgba(255,250,244,.98) 0%,rgba(255,250,244,.89) 40%,rgba(255,250,244,.02) 82%),var(--shore-article-image); background-position:center,center top; } .shore-article-hero-inner { padding:160px 20px 25px; } .shore-article-hero h1 { font-size:39px; } .shore-article-deck { font-size:15px; } .shore-article-layout { padding:32px 20px; } .shore-article-body { font-size:15px; } .shore-article-body > p:first-child { font-size:16px; } .shore-article-cta,.shore-article-related,.shore-article-comments { margin-left:20px; margin-right:20px; } .shore-article-related-grid { grid-template-columns:1fr; } .shore-article-card img { height:190px; } .shore-article-section-heading h2 { font-size:24px; } }