.qi-main{padding-top:26px;padding-bottom:56px}.qi-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin-bottom:26px}.qi-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 260px;gap:24px}.qi-left{position:sticky;top:140px;align-self:start;max-height:calc(100dvh - 160px);overflow:auto}.qi-topics,.qi-box,.qi-intro,.qi-reading{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 16px #0000000f}.qi-topics summary{cursor:pointer;font-weight:700;margin-bottom:14px}.qi-topics a{display:block;font-size:12px;padding:8px 0}.qi-tree{list-style:none;margin:0;padding:0}.qi-tree .qi-tree{padding-left:10px}.qi-tree summary{font-size:12px;margin:8px 0}.qi-tree [aria-current=page]{background:#fff0e5;color:#0b3d91;border-radius:8px;padding:8px}.qi-intro{border-left:4px solid #ff6a00;padding:28px}.qi-intro small,.qi-box small{color:#0b3d91}.qi-intro h1,.qi-title{font-size:34px;line-height:1.18;margin:16px 0}.qi-pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.qi-pill{display:inline-block;background:#fff;border:1px solid #eef1f6;border-radius:999px;padding:8px 12px;color:#0b3d91;font-size:12px}.qi-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.qi-cards .q-photo{aspect-ratio:16/9;height:auto;width:100%}.qi-box{margin-bottom:22px}.qi-box h2{font-size:19px}.qi-box a{display:block;border-top:1px solid #eef1f6;padding:14px 0;font-size:13px}.qi-right .q-ad{margin-bottom:22px}.qi-reading{margin-bottom:24px;font-size:13px}.qi-entry{scroll-margin-top:140px}.qi-meta{font-size:12px;color:#69707d}.qi-cover{width:100%;height:auto;border-radius:16px}.qi-content{font-size:17px;line-height:1.75;overflow-wrap:anywhere}.qi-content img{max-width:100%;height:auto}.qi-content iframe{max-width:100%}.qi-content table{display:block;max-width:100%;overflow-x:auto}.qi-content h2,.qi-content h3{scroll-margin-top:145px;line-height:1.3}.qi-divider{border-top:2px solid #ff6a00;padding-top:25px;margin:48px 0 25px;font-size:13px;color:#69707d}.qi-permalink{display:block;margin:24px 0}#qi-next{padding:24px 0;text-align:center}.qi-comments{margin-top:30px}.qwop-internal .navigation{margin:28px 0}.qwop-internal .page-numbers{padding:8px}
@media(max-width:1100px){.qi-layout{grid-template-columns:minmax(0,1fr) 240px}.qi-left{grid-column:1/-1;position:static;max-height:none}.qi-topics>ul{max-height:300px;overflow:auto}}
@media(max-width:800px){.qi-layout{grid-template-columns:minmax(0,1fr)}.qi-left{grid-column:auto}.qi-right{margin-top:20px}.qi-intro{padding:20px}.qi-title,.qi-intro h1{font-size:30px}.qi-content{font-size:16px}.qi-main{padding-top:20px}}
@media(max-width:500px){.qi-cards{grid-template-columns:1fr}.qi-title{font-size:28px}}

/* QWOP article callouts 128-131 */
.q-info{--info-bg:#edf6ff;--info-accent:#0b3d91;display:grid;grid-template-columns:78px minmax(0,1fr);gap:16px;align-items:center;background:var(--info-bg);border:1px solid color-mix(in srgb,var(--info-accent) 16%,white);border-radius:16px;margin:26px 0;padding:18px;overflow:hidden}.q-info-face{width:78px;height:94px;border-radius:10px;background-image:url(family-brand-guide-web.jpg);background-size:1536px 1024px;background-repeat:no-repeat;background-position:-15px -671px;align-self:start}.q-info-title{display:flex;gap:8px;align-items:center;font-size:18px;line-height:1.3;font-weight:700;color:#0b0f1a;margin-bottom:8px}.q-info-symbol{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:var(--info-accent);color:#fff;font:700 18px Arial;flex-shrink:0}.q-info p{margin:0;font-size:15px;line-height:1.6}.q-info h2{margin:0 0 8px;font-size:21px}.q-info ul{margin-bottom:0;padding-left:18px}.q-info-tip{--info-bg:#ebf8ef;--info-accent:#16a34a}.q-info-important{--info-bg:#fff2e6;--info-accent:#ff6a00}.q-info-important .q-info-face{background-position:-216px -671px}.q-info-warning{--info-bg:#fff0ee;--info-accent:#f34b36}.q-info-warning .q-info-face{background-position:-399px -671px}.q-info-checklist{--info-bg:#eaf8f6;--info-accent:#16a34a}.q-info-checklist .q-info-face{background-position:-979px -671px}.q-info-comparison{--info-bg:#f3edff;--info-accent:#7c3aed}.q-info-comparison .q-info-face{background-position:-1171px -671px}.q-info-checklist .checklist{font-size:15px}.q-info-checklist label{margin:8px 0}.q-info-comparison .q-info-body{min-width:0}.q-info-comparison table{font-size:13px}.q-info-comparison th,.q-info-comparison td{padding:10px}.q-info-comparison th{background:#e9e0f8;color:#4c237e}@media(max-width:600px){.q-info{grid-template-columns:58px minmax(0,1fr);padding:14px;gap:12px}.q-info-face{width:58px;height:76px;background-size:1229px 819px;background-position:-12px -537px}.q-info-important .q-info-face{background-position:-173px -537px}.q-info-warning .q-info-face{background-position:-319px -537px}.q-info-checklist .q-info-face{background-position:-783px -537px}.q-info-comparison .q-info-face{background-position:-937px -537px}.q-info-comparison{display:block}.q-info-comparison .q-info-face{float:left;margin-right:12px;margin-bottom:10px}.q-info-comparison .table-scroll{clear:both}.q-info p{font-size:14px}}
/* Full character frames from the original brand sheet, including gestures. */
.q-info{grid-template-columns:106px minmax(0,1fr);align-items:start}
.q-info-face{width:106px;height:96px;border-radius:8px;background-size:1536px 1024px;background-position:-10px -669px}
.q-info-important .q-info-face{background-position:-211px -669px}
.q-info-warning .q-info-face{background-position:-398px -669px}
.q-info-checklist .q-info-face{background-position:-935px -669px}
.q-info-comparison .q-info-face{background-position:-1111px -669px}
@media(max-width:600px){.q-info{grid-template-columns:85px minmax(0,1fr)}.q-info-face{width:85px;height:77px;background-size:1229px 819px;background-position:-8px -535px}.q-info-important .q-info-face{background-position:-169px -535px}.q-info-warning .q-info-face{background-position:-318px -535px}.q-info-checklist .q-info-face{background-position:-748px -535px}.q-info-comparison .q-info-face{background-position:-889px -535px}.q-info-comparison .q-info-face{float:left;margin:0 12px 12px 0}}

/* Each brand-sheet frame stops before the printed caption. */
.q-info-important .q-info-face{width:88px}
.q-info-warning .q-info-face{width:72px}
.q-info-checklist .q-info-face{width:90px}
.q-info-comparison .q-info-face{width:96px}
@media(max-width:600px){.q-info-important .q-info-face{width:70px}.q-info-warning .q-info-face{width:57px}.q-info-checklist .q-info-face{width:72px}.q-info-comparison .q-info-face{width:76px}}

.q-info-man .q-info-face{width:106px;height:96px;background-size:1536px 1024px;background-position:-10px -669px}.q-info-family .q-info-face{width:106px;height:96px;background-size:768px 512px;background-position:-556px -17px}@media(max-width:600px){.q-info-man .q-info-face{width:85px;height:77px;background-size:1229px 819px;background-position:-8px -535px}}
/* QWOP readability refinement */
.qwop-internal .qi-title{font-size:40px;line-height:1.2;margin:20px 0}.qwop-internal .qi-content{overflow-wrap:break-word}.qwop-internal .qi-content h2{font-size:28px;margin:36px 0 18px}.qwop-internal .qi-content h3{font-size:23px;margin:28px 0 14px}.qwop-internal .qi-box h2{font-size:20px;line-height:1.3;margin:12px 0 18px}.qi-box p{font-size:14px;line-height:1.6;margin:12px 0}.qi-related .qi-related-card{display:block;padding:14px 0}.qi-related-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:10px}.qi-related-card strong{font-size:15px;line-height:1.45;display:block}.qi-content .table-scroll{width:100%;overflow-x:auto;margin:24px 0}.qi-content table{display:table;width:100%;border-collapse:collapse;font-size:15px;line-height:1.55;overflow-wrap:normal;word-break:normal}.qi-content th,.qi-content td{padding:14px 16px;text-align:left;vertical-align:top;border:1px solid #dfe6ee;min-width:150px}.qi-content th{background:#eaf1fc;color:#0b3d91}.qi-content tbody tr:nth-child(even){background:#f7f9fc}.qi-content .q-info{display:grid!important;grid-template-columns:106px minmax(0,1fr)!important;align-items:start;gap:20px}.qi-content .q-info-face{grid-column:1;grid-row:1;background-color:var(--info-bg);background-blend-mode:multiply}.qi-content .q-info-body{grid-column:2;grid-row:1;min-width:0;width:auto;max-width:none}.qi-content .q-info>p:empty{display:none}.qi-content .q-info p{width:auto;max-width:none}.qi-content .q-info-title{white-space:normal}.qi-content .q-info table{font-size:14px}
@media(max-width:800px){.qwop-internal .qi-title{font-size:30px}.qwop-internal .qi-content h2{font-size:25px}.qi-content .q-info{grid-template-columns:70px minmax(0,1fr)!important;gap:14px}.qi-content .q-info-face{max-width:70px}.qi-content table{min-width:580px}}

.qi-grid-ad{grid-column:1/-1}
/* QWOP editorial category */
.qi-category-hero{border:1px solid #e5edf5;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;background:#edf5ff}.qi-category-hero>div{padding:28px}.qi-category-hero h1{font-size:38px;margin:12px 0;line-height:1.15}.qi-category-hero p{font-size:15px;line-height:1.6}.qi-category-hero>.q-photo{height:320px;width:100%;max-height:320px;aspect-ratio:auto;object-fit:cover;min-height:0;align-self:center}.qi-benefits{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#0b3d91}.qi-editorial-section{margin:32px 0}.qwop-internal .qi-editorial-section h2{font-size:26px;line-height:1.25;margin:0 0 18px}.qi-subcategory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qi-subcategory{position:relative;display:block;border-radius:14px;overflow:hidden;min-height:140px;background:#0b3d91;color:white!important}.qi-subcategory .q-photo{height:170px;object-fit:cover}.qi-subcategory>span{display:block;padding:18px;background:linear-gradient(transparent,#0b0f1add)}.qi-subcategory:has(img)>span{position:absolute;inset:auto 0 0}.qi-subcategory strong,.qi-subcategory small{display:block}.qi-subcategory small{margin-top:5px;font-size:12px}.qi-subcategory b{position:absolute;right:12px;bottom:18px;border-radius:50%;padding:6px 10px;background:#ff6a00}.qi-tools{background:#edf5ff;border-radius:16px;padding:24px}.qi-tools p,.qi-tools small{font-size:14px;line-height:1.55}.qi-area-calculator{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.qi-area-calculator label{font-size:13px;display:block}.qi-area-calculator input{width:100%;min-width:0;border:1px solid #dfe6ee;border-radius:8px;padding:10px;background:white;margin-top:7px;font:inherit}.qi-area-calculator output{grid-column:1/-1;font-size:28px;font-weight:700;color:#0b3d91}.qi-choice{background:#fff2e6;border-radius:16px;padding:24px}.qi-choice-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qi-choice-links a{padding:14px;border-radius:10px;background:white;font-size:14px}.qi-category-checklist{border:1px solid #dfe6ee;border-radius:14px;padding:20px;margin:24px 0}.qi-category-checklist summary{font-weight:700;cursor:pointer}.qi-editorial-rail .qi-right{display:block}.qi-editorial-rail ul{padding-left:20px;font-size:14px;line-height:1.6}.qi-editorial-rail .qi-box{margin-bottom:20px}@media(max-width:800px){.qi-category-hero{grid-template-columns:1fr}.qi-category-hero>.q-photo{height:200px;min-height:0}.qi-category-hero h1{font-size:30px}.qi-area-calculator{grid-template-columns:1fr}.qi-subcategory-grid,.qi-choice-links{grid-template-columns:1fr}}

/* QWOP polished sidebar */
.qwop-internal .qi-box{padding:20px;border:1px solid #e6edf5;border-radius:16px;box-shadow:0 5px 18px #0b3d9107;background:#fff}.qwop-internal .qi-box>small{display:inline-block;font-size:11px;font-weight:600;color:#0b3d91;background:#edf4ff;border-radius:6px;padding:4px 7px;margin-bottom:4px}.qwop-internal .qi-box h2{font-size:19px;color:#0c1d4f;line-height:1.3;letter-spacing:-.2px;margin:9px 0 16px}.qwop-internal .qi-box> a:not(.qi-related-card){display:flex;align-items:center;gap:10px;padding:12px 0;font-size:13px;line-height:1.45;color:#0b3d91;border-top:1px solid #edf1f6;text-decoration:none}.qi-tools-box>a:before{content:'▦';display:grid;place-items:center;flex:none;width:30px;height:30px;background:#edf4ff;border-radius:9px;color:#1e5bd7;font-size:19px}.qi-tools-box>a:nth-of-type(2):before{content:'✓';color:#16a34a;background:#eaf8ef}.qi-tools-box>a:nth-of-type(3):before{content:'▤';color:#ff6a00;background:#fff2e6}.qi-sibling-box>a:before{content:'→';color:#ff6a00;font-size:18px}.qwop-internal .qi-contact-box{background:#fff7f0;border-color:#ffe4ce}.qwop-internal .qi-contact-box p{font-size:13px;color:#5c6472;margin:0 0 16px}.qwop-internal .qi-contact-box>a{background:#ff6a00;color:#fff!important;border:0!important;border-radius:9px;padding:12px 14px!important;justify-content:center;font-weight:600}.qi-box>a:hover{color:#ff6a00}.qi-contact-box>a:hover{background:#ed6100}.qi-box .qi-related-card strong{font-size:14px;line-height:1.45;color:#0c1d4f}.qi-box .qi-related-card img{margin-bottom:9px}.qi-box .qi-related-card:last-child{padding-bottom:0}