|
- .intro{padding:0;overflow:hidden;margin:calc(2vw + 20px) 0 calc(2vw + 30px)}.intro+#toclist>section:first-child{margin-top:0}@media (max-width: 767px){.intro{padding:0}}.intro h1{position:relative;padding-bottom:.7em;container-type:inline-size}.intro h1:first-child{margin-top:.1em}.intro h1:last-child{margin-bottom:0}.intro h1:after{content:"";position:absolute;left:.05em;bottom:calc(.15em - var(--border-width) / 2);height:var(--border-width);width:calc(50vw + 460px);--gradient-angle: 170deg;background:linear-gradient(var(--gradient-angle),var(--gradient-b) 25%,var(--gradient-a) 100%)}@container (min-width: 480px){.intro h1:after{--gradient-angle: 150deg}}@container (min-width: 768px){.intro h1:after{--gradient-angle: 130deg}}@container (min-width: 1100px){.intro h1:after{--gradient-angle: 110deg}}@media (max-width: 999px){.intro h1:after{width:calc(100% + 30px)}}.intro>p:first-of-type:first-letter:not(.no-initial),.intro>div.text:first-of-type:first-letter:not(.no-initial){font-size:3.3em;line-height:1;margin:-.03em .08em -.2em -.02em;font-weight:400;display:inline-block;vertical-align:top;float:left}.intro .detail-text>*:last-child{margin-bottom:0}[data-browser=firefox] .intro>p:first-of-type:first-letter,[data-browser=firefox] .intro>.text:first-of-type:first-letter,[data-browser=firefox] .initial:first-letter{margin-top:.113em}
|
