main{display:grid;grid-template-columns:1fr 653px}

/* Search Tree (middle) */
article{border-left:var(--border);color:var(--color-light);padding:32px}
article #title{align-items:center;border-bottom:2px solid var(--color-dark);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}
article #title h1{font-size:1.75rem;font-weight:700;width:100%}
article h3{font-size:20px;font-weight:600;line-height:28px;margin:15px 0 16px 0;padding-top:15px}
article p{font-size:16px;font-weight:400;line-height:24px}
article ul{padding-inline-start:16px}
article ul li{font-size:16px;line-height:30px;padding-inline-start:4px}
article ul.related-questions{list-style-type:'❔ '}
article ul.related-searches{list-style-type:'🔍 '}
article ul li .query{align-items:center;display:flex;flex-flow:row nowrap}
article ul li .query-text{flex-grow:1}
article ul li .query-ranking{border-radius:6px;font-weight:600;line-height:24px;font-family:monospace;text-align:center;width:67px}
article ul li .query-ranking-ranked{background-color:darkorange}
article ul li .query-ranking-top{background-color:darkgreen}
article ul li .query-ranking-unranked{background-color:darkred}
article ul li .query-ai-overview{color:var(--color-link);cursor:pointer;text-align:center;padding:0 24px;width:134px}
article ul li .query-missing-ai-overview{color:var(--color-dark);text-align:center;width:134px}

/* AI Overview (right) */
aside{align-self:start;background-color:var(--background-color-light);border-left:var(--border);color:rgb(230, 232, 240);height:calc(100vh);overflow-y:auto;padding:32px;position:sticky;top:0}
aside h3{font-size:20px;font-weight:600;line-height:28px;margin:30px 0 16px 0}
aside p{font-size:16px;font-weight:400;line-height:24px;margin:16px 0}

aside ul{margin:16px 0;padding-inline-start:16px}
aside ul li{font-size:16px;font-weight:400;line-height:24px;margin-bottom:16px;padding-inline-start:4px}
aside ul li strong{font-weight:700}

aside ol{margin:16px 0;padding-inline-start:16px}
aside ol li{font-size:16px;font-weight:400;line-height:24px;margin-bottom:16px;padding-inline-start:4px}
aside ol li a{color:var(--color-link);text-decoration:none}
aside ol li a:hover{text-decoration:underline}