.ci-board{background:#F5F5F7;color:#252529}
.ci-reference-image{display:block;width:100%;height:auto;border:0;border-radius:0;filter:none}
.phone .ci-icon-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 16px;background:var(--bg);color:var(--text)}
.phone .ci-icon-comparison-single{grid-template-columns:minmax(0,1fr)}
.phone .ci-icon-sample{color:var(--text);display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;text-align:center;min-width:0}
.phone .ci-icon-version{font-size:11px;line-height:16px;color:var(--muted)}
.phone .ci-icon-large{display:block;width:128px;height:128px;object-fit:contain;max-width:100%}
.phone .ci-icon-sample b{font-size:13px;line-height:20px;font-weight:500}
.phone .ci-icon-at-size{display:flex;align-items:center;gap:8px;min-height:28px}
.phone .ci-icon-at-size>img{display:block;flex:none;width:28px;height:28px;object-fit:contain}
.phone .ci-icon-at-size>small{font-size:11px;line-height:16px;color:var(--muted)}
.ci-header{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:24px;min-height:72px;padding:16px 32px;border-bottom:1px solid #DEDEE3;background:#FFFFFF}
.ci-header>a{font-size:13px;text-decoration:none}.ci-header>span{font-size:13px;color:#6C6C78}.ci-header>div{display:flex;gap:4px;margin-inline-start:auto;border-radius:8px;background:#F1F1F4;padding:4px}.ci-header button{border:0;background:transparent;color:#666672;padding:8px 16px;border-radius:4px;font-size:12px}.ci-header button[aria-pressed=true]{background:white;color:#252529;box-shadow:0 1px 4px #00000010}
.ci-main{max-width:1300px;margin:auto;padding:48px 32px 80px}.ci-intro{max-width:680px}.ci-kicker{font-size:10px;font-weight:650;letter-spacing:1.2px;color:#767681;margin:0 0 12px}.ci-intro h1{font-size:40px;line-height:1.15;letter-spacing:-1.4px;margin:0 0 16px}.ci-intro>p:last-child,.ci-section-title p:not(.ci-kicker){font-size:14px;line-height:1.6;color:#6D6D78;margin:0;max-width:740px}
.ci-jump{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 48px}.ci-jump a,.ci-reset{border:1px solid #DCDCE4;border-radius:8px;background:#fff;padding:12px 16px;font-size:12px;text-decoration:none;color:#4D4D58}
.ci-section{scroll-margin-top:96px;margin:0 0 64px}.ci-section-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.ci-section-title h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:0 0 12px}.ci-section-title>a{font-size:12px;white-space:nowrap;color:#686874}.ci-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.ci-grid.ci-two{grid-template-columns:repeat(2,minmax(0,390px))}.ci-single{max-width:390px}.ci-option{margin:0;min-width:0}.ci-option>figcaption{margin-bottom:16px;min-height:64px}.ci-option h3{font-size:15px;margin:0 0 8px}.ci-option>figcaption p{font-size:12px;color:#70707C;line-height:1.5;margin:0}.ci-recommended{display:inline-block;font-size:9px;background:#E5F2EB;color:#276348;border-radius:4px;padding:4px 8px;margin-inline-start:8px;vertical-align:middle}
.ci-board .ci-preview.phone{height:auto;min-height:0;width:100%;max-width:390px;border:1px solid var(--hairline);border-radius:12px;box-shadow:none;position:relative;overflow:hidden;zoom:1}.ci-current{margin-top:24px;color:#6D6D78;font-size:12px}.ci-current summary{cursor:pointer;padding:12px 0}.ci-current>div{max-width:390px;margin-top:12px}.ci-checkbox{font-size:12px;display:flex;align-items:center;gap:8px;white-space:nowrap}.ci-checkbox input{accent-color:#D21E65}.ci-note{font-size:12px;line-height:1.6;color:#777783;margin:16px 0 0;max-width:850px}.ci-step-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ci-step-controls button{border:1px solid #DCDCE4;border-radius:20px;background:white;color:#555560;font-size:12px;padding:8px 12px;min-height:36px}.ci-step-controls button[aria-pressed=true]{background:#252529;color:white;border-color:#252529}.ci-table-wrap{overflow:auto;margin-top:24px;max-width:900px}.ci-table-wrap table{border-collapse:collapse;width:100%;text-align:start;font-size:12px;background:white}.ci-table-wrap th,.ci-table-wrap td{border-bottom:1px solid #E8E8ED;padding:12px 16px;line-height:1.5}.ci-table-wrap th{color:#73737E;font-size:11px;font-weight:500}.ci-table-wrap td:first-child{font-weight:600;white-space:nowrap}
.phone .ci-answer{padding:16px;background:var(--bg)}.phone .ci-answer-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;line-height:20px;margin-bottom:12px}.phone .ci-answer-status>svg{width:16px;height:16px}.phone .ci-answer-status>span{flex:1}.phone .ci-answer-status>.avatar{width:20px;height:20px}.phone .ci-answer-question{border-inline-start:1px solid var(--muted);padding-inline-start:12px;font-size:15px;line-height:1.5;margin:0}.phone .ci-answer-copy{font-size:16px;line-height:1.5;margin:12px 0 0}.phone .ci-answer-footer{display:flex;align-items:center;gap:16px;margin-top:16px}.phone .ci-answer-footer button{font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;padding:8px 0;min-height:36px;background:none;color:var(--text)}.phone .ci-answer-footer button>svg{width:18px;height:18px}.phone .ci-answer-footer .ci-share-primary{margin-inline-start:auto;border-radius:20px;padding:8px 16px;background:var(--brand);color:var(--on-brand)}.phone .ci-answer-compact .ci-answer-copy{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;color:var(--muted)}.phone .ci-answer-inline .ci-answer-footer{margin-top:8px}.phone .ci-answer-tile{display:flex;gap:12px;padding:12px;border:1px solid var(--hairline);border-radius:8px;margin-top:12px}.phone .ci-answer-tile>img{width:64px;height:80px;object-fit:cover;border-radius:4px}.phone .ci-answer-tile>div{min-width:0;flex:1}.phone .ci-answer-tile .ci-answer-question{font-size:13px;line-height:1.4;padding-inline-start:8px}.phone .ci-answer-tile .ci-answer-copy{font-size:14px;line-height:1.4;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ci-dialog{padding:48px 16px 16px;border:1px solid #DCDCE4;border-radius:16px;background:#F5F5F7;max-width:calc(100vw - 32px);width:422px;max-height:90dvh;overflow:auto}.ci-dialog::backdrop{background:#0007}.ci-dialog-close{position:absolute;right:16px;top:8px;border:0;background:transparent;font-size:28px;width:36px;height:36px;color:#555}.ci-dialog .ci-dialog-note{margin:16px;font-size:13px;line-height:1.5}.ci-dialog .ci-dialog-note>a{display:inline-block;margin-top:12px}.ci-dialog .ci-preview.phone{border:0}
@media(max-width:1050px){.ci-grid{grid-template-columns:repeat(2,minmax(0,390px))}}@media(max-width:700px){.ci-header{padding:12px 16px;gap:12px}.ci-header>span{display:none}.ci-main{padding:32px 16px 48px}.ci-intro h1{font-size:32px}.ci-grid,.ci-grid.ci-two{grid-template-columns:minmax(0,390px);justify-content:center}.ci-section-title{align-items:flex-start;flex-direction:column;gap:12px}.ci-option>figcaption{min-height:0}.ci-section{margin-bottom:48px}}