@@ -34,6 +34,12 @@ body {
3434 line-height : 1.7 ;
3535 overflow-x : hidden;
3636}
37+ img ,
38+ svg ,
39+ video {
40+ max-width : 100% ;
41+ height : auto;
42+ }
3743body .nav-open {
3844 overflow : hidden;
3945}
@@ -48,7 +54,7 @@ body::before {
4854
4955a { color : var (--r0 ); text-decoration : none; }
5056a : hover { text-decoration : underline; }
51- strong { color : var (--r0 ); font-weight : 600 ; }
57+ strong { color : var (--r0 ); font-weight : 700 ; }
5258code {
5359 font-family : var (--mono );
5460 font-size : 0.82em ;
@@ -225,6 +231,7 @@ code {
225231 color : var (--txt3 );
226232 font-size : 12.5px ;
227233 line-height : 1.55 ;
234+ font-weight : 500 ;
228235}
229236
230237# sidebar-nav {
@@ -282,6 +289,7 @@ code {
282289 font-family : var (--mono );
283290 font-size : 0.62rem ;
284291 line-height : 1.45 ;
292+ font-weight : 600 ;
285293}
286294.nav-page-tag {
287295 display : inline-flex;
@@ -351,6 +359,7 @@ code {
351359 font-size : 13px ;
352360 line-height : 1.55 ;
353361 grid-column : 1 / -1 ;
362+ font-weight : 500 ;
354363}
355364
356365/* MAIN CONTENT */
@@ -420,6 +429,7 @@ code {
420429 max-width : 580px ;
421430 line-height : 1.75 ;
422431 margin-bottom : 28px ;
432+ font-weight : 500 ;
423433}
424434.badge-row {
425435 display : flex; flex-wrap : wrap; gap : 8px ;
@@ -520,7 +530,7 @@ code {
520530 color : var (--r0 ); letter-spacing : 0.08em ;
521531 text-transform : uppercase; margin-bottom : 8px ;
522532}
523- .ov-desc { font-size : 13.5px ; color : var (--txt2 ); line-height : 1.55 ; }
533+ .ov-desc { font-size : 13.5px ; color : var (--txt2 ); line-height : 1.55 ; font-weight : 500 ; }
524534
525535/* SECTION HEADINGS */
526536.page-hero {
@@ -551,7 +561,7 @@ code {
551561 text-shadow : 0 0 24px rgba (255 , 26 , 26 , 0.3 );
552562 margin-bottom : 12px ;
553563}
554- .page-desc { font-size : 15.5px ; color : var (--txt2 ); max-width : 600px ; }
564+ .page-desc { font-size : 15.5px ; color : var (--txt2 ); max-width : 600px ; font-weight : 600 ; }
555565
556566.sec-head {
557567 font-family : var (--display );
@@ -575,6 +585,7 @@ code {
575585 color : var (--txt2 );
576586 line-height : 1.8 ;
577587 max-width : 740px ;
588+ font-weight : 500 ;
578589}
579590.prose p { margin-bottom : 16px ; }
580591.prose h3 {
@@ -739,7 +750,7 @@ tbody td code { white-space: nowrap; }
739750 color : var (--r0 ); letter-spacing : 0.1em ;
740751 text-transform : uppercase; margin-bottom : 4px ;
741752}
742- .pipe-stage-sub { font-size : 13px ; color : var (--txt2 ); }
753+ .pipe-stage-sub { font-size : 13px ; color : var (--txt2 ); font-weight : 500 ; }
743754.pipe-output {
744755 font-family : var (--mono );
745756 font-size : 0.68rem ; color : var (--txt3 );
@@ -778,7 +789,7 @@ tbody td code { white-space: nowrap; }
778789 color : var (--txt3 );
779790 margin-bottom : 10px ;
780791}
781- .cmd-desc { font-size : 13px ; color : var (--txt2 ); margin-bottom : 12px ; }
792+ .cmd-desc { font-size : 13px ; color : var (--txt2 ); margin-bottom : 12px ; font-weight : 500 ; }
782793.cmd-syntax {
783794 font-family : var (--mono );
784795 font-size : 0.72rem ;
@@ -822,8 +833,8 @@ tbody td code { white-space: nowrap; }
822833 font-size : 0.78rem ;
823834 color : var (--r0 );
824835}
825- .mod-role { font-size : 13px ; color : var (--txt2 ); }
826- .mod-why { font-size : 13px ; color : var (--txt3 ); }
836+ .mod-role { font-size : 13px ; color : var (--txt2 ); font-weight : 500 ; }
837+ .mod-why { font-size : 13px ; color : var (--txt3 ); font-weight : 500 ; }
827838
828839/* SOURCE CARDS */
829840.src-grid {
@@ -887,7 +898,7 @@ tbody td code { white-space: nowrap; }
887898 margin-left : auto;
888899}
889900.example-body { padding : 18px ; }
890- .example-desc { font-size : 13.5px ; color : var (--txt2 ); margin-bottom : 14px ; }
901+ .example-desc { font-size : 13.5px ; color : var (--txt2 ); margin-bottom : 14px ; font-weight : 500 ; }
891902.example-code {
892903 font-family : var (--mono );
893904 font-size : 0.78rem ;
@@ -970,7 +981,7 @@ tbody td code { white-space: nowrap; }
970981 text-shadow : 0 0 12px rgba (255 , 26 , 26 , 0.4 );
971982}
972983.fmt-best { font-family : var (--mono ); font-size : 0.65rem ; color : var (--txt3 ); margin-bottom : 10px ; }
973- .fmt-includes { font-size : 12.5px ; color : var (--txt2 ); line-height : 1.55 ; }
984+ .fmt-includes { font-size : 12.5px ; color : var (--txt2 ); line-height : 1.55 ; font-weight : 500 ; }
974985
975986/* LAB */
976987.lab-endpoints {
@@ -1034,11 +1045,16 @@ tbody td code { white-space: nowrap; }
10341045/* RESPONSIVE */
10351046@media (max-width : 900px ) {
10361047 : root { --nav-w : 0px ; }
1037- # sidebar { transform : translateX (-270px ); width : 270px ; transition : transform 0.25s ; }
1048+ # sidebar {
1049+ width : min (86vw , 320px );
1050+ transform : translateX (-105% );
1051+ transition : transform 0.25s ;
1052+ box-shadow : 18px 0 44px rgba (0 , 0 , 0 , 0.42 );
1053+ }
10381054 # sidebar .open { transform : translateX (0 ); }
10391055 body .nav-open # sidebar-backdrop { opacity : 1 ; pointer-events : auto; }
1040- # main { margin-left : 0 ; padding : 0 20 px 60 px ; }
1041- # site-footer { margin-left : 0 ; grid-template-columns : 1fr 1fr ; padding : 24px 20 px ; }
1056+ # main { margin-left : 0 ; padding : 0 16 px 56 px ; }
1057+ # site-footer { margin-left : 0 ; grid-template-columns : 1fr 1fr ; padding : 24px 16 px ; gap : 22 px ; }
10421058 .home-hero { grid-template-columns : 1fr ; }
10431059 .home-hero-logo { width : 90px ; height : 90px ; }
10441060 .overview-grid { grid-template-columns : 1fr 1fr ; }
@@ -1053,17 +1069,74 @@ tbody td code { white-space: nowrap; }
10531069 # topbar-links { display : none; }
10541070 # topbar-logo-wrap { min-width : unset; border-right : none; }
10551071 # topbar-actions { gap : 8px ; }
1072+ # docs-search-input { font-size : 16px ; }
1073+ .sidebar-search-results { max-height : 36vh ; }
1074+ .command-result { padding : 12px 12px ; }
10561075}
10571076
10581077@media (max-width : 620px ) {
10591078 # topbar {
1060- padding : 0 14px 0 14px ;
1061- gap : 10px ;
1079+ min-height : 52px ;
1080+ height : 52px ;
1081+ padding : 0 10px ;
1082+ gap : 8px ;
10621083 }
1084+ # topbar-logo { width : 28px ; height : 28px ; }
1085+ # topbar-name { font-size : 0.78rem ; letter-spacing : 0.04em ; }
10631086 # topbar-version { display : none; }
10641087 .topbar-action {
1065- padding : 7 px 10 px ;
1088+ padding : 6 px 9 px ;
10661089 font-size : 0.68rem ;
1090+ min-height : 30px ;
1091+ }
1092+ .sidebar-panel-head {
1093+ margin : 0 10px 14px ;
1094+ padding : 12px ;
1095+ }
1096+ .sidebar-search-results {
1097+ max-height : 40vh ;
1098+ margin-top : 10px ;
1099+ }
1100+ # main {
1101+ padding : 0 12px 44px ;
1102+ }
1103+ .page-hero {
1104+ padding : 34px 0 26px ;
1105+ margin-bottom : 28px ;
1106+ }
1107+ .page-title {
1108+ font-size : 1.68rem ;
1109+ line-height : 1.1 ;
1110+ }
1111+ .page-desc {
1112+ font-size : 14px ;
1113+ }
1114+ .sec-head {
1115+ margin : 30px 0 14px ;
1116+ }
1117+ .code-body ,
1118+ .example-code ,
1119+ .example-output {
1120+ font-size : 0.74rem ;
1121+ line-height : 1.65 ;
1122+ }
1123+ .code-body ,
1124+ .example-code {
1125+ padding : 14px 14px ;
1126+ }
1127+ table {
1128+ font-size : 12.2px ;
1129+ }
1130+ thead th ,
1131+ tbody td {
1132+ padding : 8px 10px ;
1133+ }
1134+ .command-result {
1135+ grid-template-columns : 1fr ;
1136+ gap : 6px ;
1137+ }
1138+ .command-result-meta {
1139+ justify-self : start;
10671140 }
10681141 .home-hero-title { font-size : 2.4rem ; }
10691142 .overview-grid ,
0 commit comments