/* subtle typography enhancements – all scoped inside this container */
.uee-guide h1 {
font-size: 2.4rem;
font-weight: 600;
letter-spacing: -0.02em;
background: linear-gradient(145deg, #1e2f3f 0%, #2c4053 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-top: 0;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 4px solid #e2eaf1;
}
.uee-guide h2 {
font-size: 1.9rem;
font-weight: 500;
margin: 2.4rem 0 1.2rem;
padding-left: 0.75rem;
border-left: 6px solid #2f7ca6;
color: #1e3b4f;
}
.uee-guide h3 {
font-size: 1.5rem;
font-weight: 500;
margin: 1.8rem 0 0.8rem;
color: #2f5e7a;
display: flex;
align-items: center;
gap: 8px;
}
.uee-guide h3::before {
content: "▹";
color: #2f7ca6;
font-weight: 600;
font-size: 1.8rem;
line-height: 1;
}
.uee-guide p {
margin: 1.2rem 0;
font-size: 1.05rem;
color: #2b3f4f;
}
.uee-guide ul, .uee-guide ol {
margin: 1.2rem 0 1.8rem;
padding-left: 1.8rem;
}
.uee-guide li {
margin: 0.5rem 0;
font-size: 1.05rem;
list-style-type: none;
position: relative;
padding-left: 1.8rem;
}
.uee-guide li::before {
content: "●";
color: #2f7ca6;
font-weight: 600;
position: absolute;
left: 0;
opacity: 0.8;
}
.uee-guide li strong {
color: #1f5068;
}
.uee-guide .stat-block {
background: #f4f8fc;
border-radius: 24px;
、padding: 1.2rem 1.8rem;
margin: 1.8rem 0;
border: 1px solid #dde9f2;
display: flex;
flex-wrap: wrap;
gap: 2rem;
justify-content: space-around;
}
.uee-guide .stat-item {
text-align: center;
}
.uee-guide .stat-label {
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #5f7d94;
}
.uee-guide .stat-value {
font-size: 1.6rem;
font-weight: 600;
color: #1f5068;
line-height: 1.3;
}
.uee-guide .myth-box {
background: #fafbfc;
border-radius: 20px;
padding: 1.2rem 1.8rem;
margin: 1.5rem 0;
border-left: 6px solid #c00e3a;
box-shadow: 0 4px 10px -4px rgba(0,0,0,0.05);
}
.uee-guide .myth-box li::before {
content: "✕";
color: #c00e3a;
font-size: 1.1rem;
}
.uee-guide .tip-box {
background: #e6f2f9;
border-radius: 20px;
padding: 1.2rem 1.8rem;
margin: 1.5rem 0;
border-left: 6px solid #2f7ca6;
}
.uee-guide .tip-box li::before {
content: "✔";
color: #1e6b4c;
font-weight: 600;
}
.uee-guide hr {
border: none;
height: 2px;
background: linear-gradient(90deg, #dbe4ec, #b0c6d8, #dbe4ec);
margin: 2.2rem 0;
}
.uee-guide .section-badge {
display: inline-block;
background: #dcebf5;
border-radius: 40px;
padding: 0.3rem 1.2rem;
font-size: 0.9rem;
font-weight: 500;
color: #1f5068;
letter-spacing: 0.02em;
margin-right: 0.8rem;
}
/* subtle typography enhancements – all scoped inside this container */
.uee-guide h1 {
font-size: 2.4rem;
font-weight: 600;
letter-spacing: -0.02em;
background: linear-gradient(145deg, #1e2f3f 0%, #2c4053 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-top: 0;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 4px solid #e2eaf1;
}
.uee-guide h2 {
font-size: 1.9rem;
font-weight: 500;
margin: 2.4rem 0 1.2rem;
padding-left: 0.75rem;
border-left: 6px solid #2f7ca6;
color: #1e3b4f;
}
.uee-guide h3 {
font-size: 1.5rem;
font-weight: 500;
margin: 1.8rem 0 0.8rem;
color: #2f5e7a;
display: flex;
align-items: center;
gap: 8px;
}
.uee-guide h3::before {
content: "▹";
color: #2f7ca6;
font-weight: 600;
font-size: 1.8rem;
line-height: 1;
}
.uee-guide p {
margin: 1.2rem 0;
font-size: 1.05rem;
color: #2b3f4f;
}
.uee-guide ul, .uee-guide ol {
margin: 1.2rem 0 1.8rem;
padding-left: 1.8rem;
}
.uee-guide li {
margin: 0.5rem 0;
font-size: 1.05rem;
list-style-type: none;
position: relative;
padding-left: 1.8rem;
}
.uee-guide li::before {
content: "●";
color: #2f7ca6;
font-weight: 600;
position: absolute;
left: 0;
opacity: 0.8;
}
.uee-guide li strong {
color: #1f5068;
}
.uee-guide .stat-block {
background: #f4f8fc;
border-radius: 24px;
、padding: 1.2rem 1.8rem;
margin: 1.8rem 0;
border: 1px solid #dde9f2;
display: flex;
flex-wrap: wrap;
gap: 2rem;
justify-content: space-around;
}
.uee-guide .stat-item {
text-align: center;
}
.uee-guide .stat-label {
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #5f7d94;
}
.uee-guide .stat-value {
font-size: 1.6rem;
font-weight: 600;
color: #1f5068;
line-height: 1.3;
}
.uee-guide .myth-box {
background: #fafbfc;
border-radius: 20px;
padding: 1.2rem 1.8rem;
margin: 1.5rem 0;
border-left: 6px solid #c00e3a;
box-shadow: 0 4px 10px -4px rgba(0,0,0,0.05);
}
.uee-guide .myth-box li::before {
content: "✕";
color: #c00e3a;
font-size: 1.1rem;
}
.uee-guide .tip-box {
background: #e6f2f9;
border-radius: 20px;
padding: 1.2rem 1.8rem;
margin: 1.5rem 0;
border-left: 6px solid #2f7ca6;
}
.uee-guide .tip-box li::before {
content: "✔";
color: #1e6b4c;
font-weight: 600;
}
.uee-guide hr {
border: none;
height: 2px;
background: linear-gradient(90deg, #dbe4ec, #b0c6d8, #dbe4ec);
margin: 2.2rem 0;
}
.uee-guide .section-badge {
display: inline-block;
background: #dcebf5;
border-radius: 40px;
padding: 0.3rem 1.2rem;
font-size: 0.9rem;
font-weight: 500;
color: #1f5068;
letter-spacing: 0.02em;
margin-right: 0.8rem;
}