*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf9f6;--bg2:#f4f1eb;--white:#fff;--text:#1a1a1a;--text2:#555;--text3:#888;--accent:#c0392b;--accent-light:#fdecea;--accent2:#2c6e49;--accent2-light:#eaf3ee;--accent3:#b8860b;--accent3-light:#fdf6e3;--accent4:#1a5276;--accent4-light:#eaf1f8;--accent5:#6c3483;--accent5-light:#f5eef8;--border:#e8e4dd;--radius:12px;--radius-sm:8px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Noto Sans JP,sans-serif;font-size:14px;line-height:1.8}header{z-index:100;background:var(--white);border-bottom:1px solid var(--border);padding:0 20px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1100px;height:56px;margin:0 auto;display:flex}.logo{color:var(--text);font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:700;text-decoration:none}.logo span{color:var(--accent)}nav{gap:4px;display:flex}nav a{color:var(--text2);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px;text-decoration:none;transition:background .15s,color .15s}.hero{background:var(--white);border-bottom:1px solid var(--border);text-align:center;padding:48px 20px 42px;position:relative;overflow:hidden}.hero-content{z-index:1;position:relative}.hero-art{opacity:.1;pointer-events:none;z-index:0;transform-origin:50%;grid-template-columns:1fr;row-gap:24px;width:clamp(1500px,145vw,2600px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-20deg)}.hero-art-row{width:100%;overflow:hidden}.hero-art-track{grid-template-columns:repeat(10,minmax(0,1fr));column-gap:0;width:200%;display:grid}.hero-art-item{aspect-ratio:16/9;filter:grayscale()saturate(0)contrast(.9);background-position:50%;background-repeat:no-repeat;background-size:cover;display:block}.hero-art-row-1 .hero-art-track,.hero-art-row-3 .hero-art-track{animation:52s linear infinite heroArtForward}.hero-art-row-2 .hero-art-track{animation:52s linear infinite heroArtReverse}@keyframes heroArtForward{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes heroArtReverse{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-eyebrow{letter-spacing:.14em;color:var(--accent);background:var(--accent-light);border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-block}.hero h1{color:var(--text);margin-bottom:12px;font-family:Noto Sans JP,sans-serif;font-size:clamp(22px,3.6vw,34px);font-weight:700;line-height:1.4}.hero p{color:var(--text2);max-width:560px;margin:0 auto 24px;font-size:14px;line-height:1.85}.hero .hero-subcopy{color:var(--text3);max-width:420px;margin:2px auto 20px;font-size:11px;line-height:1.7}.hero-stats{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.hero-stat{text-align:center}.hero-stat-num{color:var(--text);font-family:Roboto,Noto Sans JP,sans-serif;font-size:24px;font-weight:700;line-height:1}.hero-stat-label{color:var(--text3);margin-bottom:4px;font-size:11px}.cat-nav{background:var(--bg2);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;padding:0 20px;overflow-x:auto}.cat-nav-inner{max-width:1100px;margin:0 auto;display:flex}.cat-btn{color:var(--text2);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:12px 15px;font-family:inherit;font-size:12px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.cat-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.main{max-width:1100px;margin:0 auto;padding:32px 20px 56px}.section{margin-bottom:34px}.section-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.section-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.section-title{color:var(--text);font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:700}.section-count{color:var(--text3);margin-left:auto;font-size:13px;font-weight:600}.sort-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sort-label{color:var(--text3);font-size:11px}.sort-btn{border:1px solid var(--border);background:var(--white);color:var(--text2);cursor:pointer;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.sort-btn.active{background:var(--text);color:var(--white);border-color:var(--text)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;height:100%;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:visible}.card.card-has-label,.article-offer-card.card-has-label{background:var(--card-label-bg,var(--white))}.card.card-label-brand,.article-offer-card.card-label-brand{--card-label-solid:var(--accent);--card-label-bg:#fdf1ee}.card.card-label-red,.article-offer-card.card-label-red{--card-label-solid:#c0392b;--card-label-bg:#fff1ef}.card.card-label-green,.article-offer-card.card-label-green{--card-label-solid:#2c6e49;--card-label-bg:#eef8f1}.card.card-label-blue,.article-offer-card.card-label-blue{--card-label-solid:#1a5276;--card-label-bg:#eef5fb}.card.card-label-yellow,.article-offer-card.card-label-yellow{--card-label-solid:#b8860b;--card-label-bg:#fff8e7}.card.card-rank-1{border-width:2px;border-color:#e3c96d}.card.card-rank-2{border-width:2px;border-color:#cfd8e3}.card.card-rank-3{border-width:2px;border-color:#e7c0a8}.card-main{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex}.card-headline{justify-content:space-between;align-items:center;gap:6px;display:flex}.card-top{align-items:flex-start;gap:10px;min-height:50px;display:flex}.card-logo{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.card-info{flex:1;min-width:0}.card-name{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin-bottom:3px;font-size:14px;font-weight:700;overflow:hidden}.card-sub{color:var(--text3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.reward-box{background:#f7f3ee;border:1px solid #ece6de;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.reward-label{min-width:0;color:var(--text2);flex:auto;font-size:11px;font-weight:600;line-height:1.4}.reward-amount{letter-spacing:-.05em;color:var(--accent);white-space:nowrap;align-items:baseline;gap:2px;margin-left:auto;font-family:Roboto,Noto Sans JP,sans-serif;font-size:clamp(20px,2vw,24px);font-weight:800;line-height:1;display:inline-flex}.reward-amount small{letter-spacing:.03em;color:var(--accent);margin-bottom:0;margin-left:2px;font-family:Roboto,Noto Sans JP,sans-serif;font-size:11px;font-weight:700;line-height:1.1}@media (max-width:767px){.reward-label{font-size:10px}.reward-amount{font-size:22px}.reward-amount small{margin-bottom:0;font-size:10px}.card-grid.is-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card-grid.is-two-column .card{border-radius:10px;gap:8px;padding:10px}.card-grid.is-two-column .card-main{gap:8px}.card-grid.is-two-column .card-top{gap:6px;min-height:0}.card-grid.is-two-column .card-headline{align-items:flex-start;gap:4px}.card-grid.is-two-column .card-name{margin-bottom:1px;font-size:12px}.card-grid.is-two-column .card-sub{display:none}.card-grid.is-two-column .card-campaign{width:100%;min-width:0;max-width:none;margin-inline:0}.card-grid.is-two-column .card-campaign-hint{width:20px;height:20px;bottom:4px;right:4px}.card-grid.is-two-column .card-footer{gap:8px}.card-grid.is-two-column .code-block{cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:6px 22px;position:relative}.card-grid.is-two-column .code-block-main{justify-content:center;gap:0;width:100%}.card-grid.is-two-column .code-block-label{text-align:center;font-size:8px;line-height:1}.card-grid.is-two-column .code-value{letter-spacing:.03em;text-align:center;flex:auto;width:100%;margin-left:0;font-size:11px;line-height:1}.card-grid.is-two-column .copy-btn{width:14px;height:14px;color:var(--text3);background:0 0;border:0;border-radius:0;padding:0;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.card-grid.is-two-column .copy-btn svg{width:12px;height:12px}.card-grid.is-two-column .copy-btn.copied{background:0 0;border-color:#0000}.card-grid.is-two-column .reward-box{border-radius:10px;flex-direction:column;align-items:stretch;gap:2px;padding:7px 8px}.card-grid.is-two-column .reward-label{text-align:center;font-size:9px;line-height:1.35}.card-grid.is-two-column .reward-amount{justify-content:center;width:100%;font-size:17px}.card-grid.is-two-column .reward-amount small{margin-left:1px;font-size:8px}.card-grid.is-two-column .cta-btn{border-radius:8px;padding:8px 6px;font-size:9px}.card-grid.is-two-column .card.card-row-has-subcta .card-subcta-row{min-height:10px}.card-grid.is-two-column .card-subcta{font-size:9px}.card-grid.is-two-column .new-ribbon{padding:4px 8px 4px 7px;font-size:8px}}.new-ribbon{background:var(--card-label-solid,var(--accent));color:#fff;letter-spacing:.06em;z-index:1;border-radius:2px;align-items:center;padding:5px 11px 5px 9px;font-size:9px;font-weight:700;line-height:1;display:inline-flex;position:static}.cta-btn{text-align:center;background:var(--accent);color:var(--white);border-radius:var(--radius-sm);letter-spacing:.02em;border:1px solid var(--accent);cursor:pointer;width:100%;padding:11px 14px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s;display:block;position:relative;overflow:hidden}.cta-btn:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(115deg,#fff0 0%,#ffffff24 42%,#ffffff47 50%,#ffffff1f 58%,#fff0 100%);width:28%;animation:5.9s linear infinite ctaShine;position:absolute;top:-22%;bottom:-22%;left:-38%;transform:translate(-180%)skew(-20deg)}.card-footer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.card-subcta-row{justify-content:center;align-items:center;display:none}.card.card-row-has-subcta .card-subcta-row{min-height:12px;display:flex}.card-subcta{color:#555;text-underline-offset:2px;font-size:11px;line-height:1.4;text-decoration:underline;text-decoration-thickness:1px}.card-subcta-placeholder{visibility:hidden;pointer-events:none}.cta-btn:active{background:#9d2f23;border-color:#9d2f23}.cta-btn-disabled{color:#fff;cursor:default;pointer-events:none;background:#757575;border-style:solid;border-color:#757575}.code-block{border:1.5px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg);align-items:center;gap:8px;padding:8px 10px;display:flex}.code-block-main{flex:auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.code-block-label{color:var(--text3);white-space:nowrap;flex-shrink:0;font-size:10px}.code-value{color:var(--text);letter-spacing:.04em;text-overflow:ellipsis;text-align:right;white-space:nowrap;font-variant-numeric:slashed-zero tabular-nums;font-feature-settings:"zero" 1, "tnum" 1;flex:1;min-width:0;margin-left:auto;font-family:IBM Plex Mono,Roboto,monospace;font-size:13px;font-weight:700;overflow:hidden}.code-value-button{appearance:none;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.copy-btn{cursor:pointer;background:var(--white);border:1px solid var(--border);width:30px;height:30px;color:var(--text2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.copy-btn svg{width:14px;height:14px;display:block}.copy-btn-icon{justify-content:center;align-items:center;display:inline-flex}.copy-btn-icon-copied{display:none}.copy-btn.copied{background:var(--accent2-light);border-color:var(--accent2);color:var(--accent2)}.copy-btn.copied .copy-btn-icon-default{display:none}.copy-btn.copied .copy-btn-icon-copied{display:inline-flex}.copy-toast{left:50%;top:calc(var(--header-offset,56px) + 12px);z-index:220;border-radius:var(--radius);color:#fff;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;background:#1a1a1aeb;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:11px;font-weight:700;line-height:1;transition:opacity .18s,transform .18s;display:inline-flex;position:fixed;transform:translate(-50%,-8px)}.copy-toast.is-visible{opacity:1;transform:translate(-50%)}.notice{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text3);margin-bottom:28px;padding:12px 14px;font-size:11px;line-height:1.8}footer{background:var(--white);border-top:1px solid var(--border);padding:32px 20px 24px}.article-main{max-width:900px;margin:0 auto;padding:44px 20px 72px}.article-shell{flex-direction:column;gap:24px;display:flex}.article-header{padding:4px 2px 0}.article-hero-media{aspect-ratio:16/9;border-radius:var(--radius);background:#f6f1eb;width:100%;margin:2px 0 18px;position:relative;overflow:hidden}.article-hero-media img{object-fit:cover;width:100%;height:100%;display:block}.article-backlink{color:var(--accent);align-items:center;gap:6px;margin-bottom:14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.article-eyebrow{background:var(--accent-light);min-height:26px;color:var(--accent);border-radius:999px;align-items:center;margin-bottom:14px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.article-title{letter-spacing:-.02em;max-width:760px;margin-bottom:12px;font-size:clamp(24px,4vw,36px);line-height:1.32}.article-description{max-width:720px;color:var(--text2);font-size:15px;line-height:1.95}.article-meta-line{color:var(--text3);letter-spacing:.03em;margin-top:16px;font-size:12px}.article-offer-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--white);justify-content:space-between;gap:18px;padding:20px 22px;display:flex;box-shadow:0 10px 30px #1a1a1a0a}.article-offer-card-copy{flex:auto;min-width:0}.article-offer-card-label-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.article-offer-card-label{color:var(--text3);letter-spacing:.08em;font-size:11px;font-weight:700}.article-offer-card-ribbon{flex-shrink:0}.article-offer-card-name{font-size:20px;font-weight:700;line-height:1.35}.article-offer-card-subtitle{color:var(--text2);margin-top:8px;font-size:13px;line-height:1.85}.article-offer-card-action{flex-direction:column;flex:0 0 280px;gap:12px;width:min(100%,280px);display:flex}.article-offer-reward{background:#f7f3ee;border:1px solid #ece6de;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.article-offer-reward-label{color:var(--text2);font-size:11px;font-weight:600}.article-offer-reward-value{color:var(--accent);align-items:baseline;gap:2px;font-family:Roboto,Noto Sans JP,sans-serif;font-size:24px;font-weight:800;line-height:1;display:inline-flex}.article-offer-reward-value small{font-size:11px;font-weight:700}.article-offer-button{border:1px solid var(--accent);background:var(--accent);width:100%;min-height:44px;color:var(--white);border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.article-offer-button-disabled{color:#fff;pointer-events:none;background:#757575;border-color:#757575}.article-body{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:32px 34px}.article-body h2,.article-body h3,.article-body h4{color:var(--text);font-weight:700;line-height:1.5}.article-body h2{letter-spacing:-.01em;border-bottom:1px solid #efe6dc;margin-top:42px;padding:0 0 14px 18px;font-size:25px;line-height:1.42;position:relative}.article-body h3{border-left:4px solid var(--accent);letter-spacing:-.01em;background:0 0;border-radius:0;align-items:center;min-height:34px;margin-top:34px;padding:0 0 0 14px;font-size:19px;display:inline-flex}.article-body h4{margin-top:28px;font-size:17px}.article-body h2:first-child,.article-body h3:first-child,.article-body h4:first-child{margin-top:0}.article-body h2:before{content:"";background:linear-gradient(180deg, var(--accent), #df7d44);border-radius:999px;width:8px;height:1.15em;position:absolute;top:.28em;left:0}.article-body p,.article-body li,.article-body td,.article-body th,.article-body blockquote{color:var(--text2);font-size:15px;line-height:2}.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body table,.article-body pre,.article-body hr{margin-top:16px}.article-body ul,.article-body ol{margin-top:18px;padding-left:0;list-style:none}.article-body ul li,.article-body ol li{position:relative}.article-body ul li{padding-left:24px}.article-body ol{counter-reset:article-step}.article-body ol li{counter-increment:article-step;min-height:28px;padding-left:40px}.article-body ul li:before{content:"";background:var(--accent);border-radius:999px;width:7px;height:7px;position:absolute;top:.84em;left:4px;box-shadow:0 0 0 4px #c5473114}.article-body ol li:before{content:counter(article-step);width:28px;height:28px;color:var(--accent);background:#faf4ed;border:1px solid #ead9cb;border-radius:999px;justify-content:center;align-items:center;font-family:Roboto,Noto Sans JP,sans-serif;font-size:13px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:2px;left:0}.article-body li+li{margin-top:8px}.article-body a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.article-body strong{color:#8f2f24;font-weight:700}.article-body code{color:#8e3428;background:#f6f1ea;border-radius:6px;padding:2px 6px;font-family:Roboto Mono,Roboto,monospace;font-size:.92em;display:inline}.article-body pre{background:#221d19;border-radius:12px;padding:16px 18px;overflow-x:auto}.article-body pre code{color:#f7f2ec;background:0 0;padding:0;font-size:13px;line-height:1.8;display:block}.article-body blockquote{border-left:4px solid var(--accent);background:linear-gradient(#faf5ef,#f6f1ea);border-radius:0 12px 12px 0;padding:16px 18px 16px 20px;position:relative}.article-body blockquote>:first-child{margin-top:0}.article-body .article-table-wrap{--article-table-min-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d7c9b7 transparent;background:#fffdfa;border:1px solid #e8ddd0;border-radius:16px;margin-top:16px;overflow:auto hidden}.article-body .article-table-wrap::-webkit-scrollbar{height:8px}.article-body .article-table-wrap::-webkit-scrollbar-thumb{background:#d7c9b7;border-radius:999px}.article-body .article-table{width:100%;min-width:var(--article-table-min-width);table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fffdfa;margin-top:0}.article-body .article-table-wrap.is-many-columns .article-table{table-layout:auto}.article-body th,.article-body td{text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:break-word;border-bottom:1px solid #efe5d8;padding:14px 16px;line-height:1.8}.article-body .article-table-wrap:not(.is-many-columns) thead th:first-child,.article-body .article-table-wrap:not(.is-many-columns) tbody td:first-child{width:30%}.article-body .article-table-wrap:not(.is-many-columns) thead th:nth-child(2):last-child,.article-body .article-table-wrap:not(.is-many-columns) tbody td:nth-child(2):last-child{width:70%}.article-body .article-table-wrap:not(.is-many-columns) thead th:nth-child(2):not(:last-child),.article-body .article-table-wrap:not(.is-many-columns) tbody td:nth-child(2):not(:last-child){width:44%}.article-body .article-table-wrap:not(.is-many-columns) thead th:nth-child(3),.article-body .article-table-wrap:not(.is-many-columns) tbody td:nth-child(3){width:26%}.article-body thead th{color:var(--text);background:#f5eee4;font-size:14px;font-weight:800}.article-body .article-table-wrap:not(.is-many-columns) thead th:first-child{width:26%}.article-body thead th:first-child{border-top-left-radius:16px}.article-body thead th:last-child{border-top-right-radius:16px}.article-body tbody tr:nth-child(2n) td{background:#fffdfa}.article-body tbody tr:nth-child(odd) td{background:#fff}.article-body tbody td:first-child{color:#3d3a35;white-space:normal;font-weight:700}.article-body tbody tr:last-child td{border-bottom:0}.article-body .article-table-wrap.is-many-columns th,.article-body .article-table-wrap.is-many-columns td{min-width:150px}.article-body .article-table-wrap.is-many-columns th:first-child,.article-body .article-table-wrap.is-many-columns td:first-child{min-width:140px}.article-body img,.article-body-image{border:1px solid var(--border);border-radius:14px;width:100%;height:auto;margin-top:18px;display:block}.article-body hr{border:0;border-top:1px solid #eee6db}.article-faq{margin-top:28px}.article-faq-header{margin-bottom:14px}.article-faq-title{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800;line-height:1.4}.article-faq-lead{color:var(--text2);margin:6px 0 0;font-size:13px}.article-faq-list{gap:10px;display:grid}.article-faq-item{background:#fffdfa;border:1px solid #eadfd3;border-radius:14px;overflow:hidden}.article-faq-item[open]{border-color:#e2d2c2}.article-faq-question{cursor:pointer;align-items:center;gap:12px;padding:16px 18px;list-style:none;display:flex}.article-faq-question::-webkit-details-marker{display:none}.article-faq-question-badge,.article-faq-answer-badge{border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-family:Roboto,Noto Sans JP,sans-serif;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.article-faq-question-badge{color:var(--accent);background:#c547311f}.article-faq-answer-badge{color:#2e6b42;background:#3a78531f}.article-faq-question-text{min-width:0;color:var(--text);flex:auto;font-size:15px;font-weight:700;line-height:1.6}.article-faq-toggle{flex:none;width:18px;height:18px;position:relative}.article-faq-toggle:before,.article-faq-toggle:after{content:"";background:#90867c;border-radius:999px;width:12px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.article-faq-toggle:after{transition:transform .2s;transform:translate(-50%,-50%)rotate(90deg)}.article-faq-item[open] .article-faq-toggle:after{transform:translate(-50%,-50%)rotate(0)}.article-faq-answer{border-top:1px solid #f1e8de;align-items:flex-start;gap:12px;padding:0 18px 16px;display:flex}.article-faq-answer-badge{margin-top:14px}.article-faq-answer p{color:var(--text2);margin:14px 0 0;font-size:14px;line-height:1.9}.article-faq-answer-content{flex:auto;min-width:0}.article-faq-answer-content>:first-child{margin-top:14px}.article-faq-answer-content>:last-child{margin-bottom:0}.article-recommend-section{margin-top:28px}.article-recommend-shell,.article-recommend-inner{width:100%}.article-recommend-header{margin-bottom:14px;padding:0 2px}.article-recommend-title{margin-bottom:4px;font-size:20px;line-height:1.4}.article-recommend-lead{color:var(--text3);font-size:12px}.article-recommend-frame{position:relative;overflow:visible}.article-recommend-frame:before,.article-recommend-frame:after{content:"";pointer-events:none;opacity:0;z-index:2;width:42px;transition:opacity .18s;position:absolute;top:8px;bottom:0}.article-recommend-frame:before{background:linear-gradient(90deg,#faf9f6f2 10%,#faf9f6b3 42%,#faf9f600);left:0;box-shadow:inset 24px 0 24px -20px #faf9f6f2}.article-recommend-frame:after{background:linear-gradient(270deg,#faf9f6f2 10%,#faf9f6b3 42%,#faf9f600);right:0;box-shadow:inset -24px 0 24px -20px #faf9f6f2}.article-recommend-frame.has-left-shadow:before,.article-recommend-frame.has-right-shadow:after{opacity:1}.article-recommend-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;padding:8px 0 4px;overflow:auto hidden}.article-recommend-scroll::-webkit-scrollbar{display:none}.article-recommend-scroll.is-dragging,.article-recommend-scroll.is-dragging .article-recommend-track,.article-recommend-scroll.is-dragging .article-recommend-card{cursor:grabbing;-webkit-user-select:none;user-select:none}.article-recommend-track{align-items:stretch;gap:12px;width:max-content;min-width:100%;display:flex}.article-recommend-card{flex:0 0 260px;align-self:stretch;width:260px}.article-recommend-card .card-campaign{aspect-ratio:16/9}.article-recommend-card .card-campaign img{object-fit:cover}.article-recommend-subcta-row{justify-content:center;min-height:14px;display:flex}.footer-inner{max-width:1100px;margin:0 auto}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.footer-brand .logo{margin-bottom:8px;font-size:16px;display:block}.footer-brand p{color:var(--text3);max-width:280px;font-size:11px;line-height:1.7}.footer-links{flex-wrap:wrap;gap:36px;display:flex}.footer-col-title{color:var(--text);letter-spacing:.06em;margin-bottom:12px;font-size:11px;font-weight:700}.footer-col a{color:var(--text3);margin-bottom:8px;font-size:12px;text-decoration:none;transition:color .15s;display:block}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.footer-bottom p{color:var(--text3);font-size:11px}.footer-bottom-links{gap:12px;display:flex}.footer-bottom-links a{color:var(--text3);font-size:11px;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaShine{0%,68%{opacity:0;transform:translate(-180%)skew(-20deg)}74%{opacity:1;transform:translate(-180%)skew(-20deg)}85%{opacity:1;transform:translate(430%)skew(-20deg)}87%,to{opacity:0;transform:translate(430%)skew(-20deg)}}@media (prefers-reduced-motion:reduce){.cta-btn:after{animation:none}}.cta-btn-disabled:after{content:none}@media (hover:hover) and (pointer:fine){nav a:hover{background:var(--bg2);color:var(--text)}.cat-btn:hover{color:var(--text);border-bottom-color:var(--border)}.sort-btn:hover{background:var(--bg2)}.card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000012}.cta-btn:hover{background:#ab3326;border-color:#ab3326}.copy-btn:hover{background:var(--bg2);border-color:var(--text3);color:var(--text)}.footer-col a:hover,.footer-bottom-links a:hover{color:var(--text)}}@media (max-width:640px){nav{display:none}.hero{padding:34px 18px 30px}.hero-art{row-gap:20px;width:190vw;transform:translate(-50%,-50%)rotate(-20deg)}.footer-top{flex-direction:column}.article-main{padding:28px 18px 48px}.article-header,.article-body{padding:22px 18px}.article-header{padding:2px 0 0}.article-hero-media{border-radius:12px;margin-bottom:16px}.article-offer-card{flex-direction:column;padding:16px 18px}.article-offer-card-action{flex-basis:auto;width:100%}.article-title{line-height:1.38}.article-description{font-size:14px}.article-body h2{margin-top:34px;padding:0 0 12px 16px;font-size:21px}.article-body h3{min-height:32px;margin-top:28px;padding:0 0 0 12px;font-size:17px}.article-body h4{margin-top:24px;font-size:16px}.article-body p,.article-body li,.article-body td,.article-body th,.article-body blockquote{font-size:14px}.article-body th,.article-body td{padding:12px;font-size:13px}.article-faq{margin-top:24px}.article-faq-title{font-size:21px}.article-faq-question{gap:10px;padding:14px}.article-faq-answer{gap:10px;padding:0 14px 14px}.article-faq-question-text{font-size:14px}.article-faq-answer p{font-size:13px;line-height:1.8}.article-recommend-section{margin-top:24px}.article-recommend-title{font-size:18px}.article-recommend-shell{width:100%}.article-recommend-frame:before,.article-recommend-frame:after{width:30px}.article-recommend-card{flex-basis:min(82vw,280px);width:min(82vw,280px)}.article-body ul li{padding-left:22px}.article-body ol li{min-height:26px;padding-left:36px}.article-body ol li:before{width:24px;height:24px;font-size:12px}.article-body .article-table-wrap:not(.is-many-columns) thead th:first-child{width:30%}.article-body .article-table-wrap:not(.is-many-columns) thead th:nth-child(2):not(:last-child),.article-body .article-table-wrap:not(.is-many-columns) tbody td:nth-child(2):not(:last-child){width:42%}.article-body .article-table-wrap:not(.is-many-columns) thead th:nth-child(3),.article-body .article-table-wrap:not(.is-many-columns) tbody td:nth-child(3){width:28%}.footer-links{gap:22px}.footer-bottom{flex-direction:column;align-items:flex-start}}
