a > .sublist-01, a > .sublist-01 *{text-decoration:none} /* Row: fixed height for exactly 2 lines */ .sublist-01{ --fs:16px; --lh:1.4; --lines:2; position:relative; display:flex; align-items:flex-start; gap:10px; padding:10px 12px 14px; background:transparent; border:0; color:#1f2937!important; height:calc(var(--lines)*var(--fs)*var(--lh) + 24px); min-width:0 } .sublist-01 center{display:contents} /* Blue arrow (SVG mask) */ .sublist-02{position:relative; flex:none; width:22px; height:22px; color:#3f67f6; margin-top:2px} .sublist-icon{display:none} .sublist-02::before{ content:""; position:absolute; left:4px; top:50%; width:13px; height:13px; transform:translateY(-50%); background-color:currentColor; -webkit-mask:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9.71069 18.2929C10.1012 18.6834 10.7344 18.6834 11.1249 18.2929L16.0123 13.4006C16.7927 12.6195 16.7924 11.3537 16.0117 10.5729L11.1213 5.68254C10.7308 5.29202 10.0976 5.29202 9.70708 5.68254C9.31655 6.07307 9.31655 6.70623 9.70708 7.09676L13.8927 11.2824C14.2833 11.6729 14.2833 12.3061 13.8927 12.6966L9.71069 16.8787C9.32016 17.2692 9.32016 17.9023 9.71069 18.2929Z' fill='%23000'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M9.71069 18.2929C10.1012 18.6834 10.7344 18.6834 11.1249 18.2929L16.0123 13.4006C16.7927 12.6195 16.7924 11.3537 16.0117 10.5729L11.1213 5.68254C10.7308 5.29202 10.0976 5.29202 9.70708 5.68254C9.31655 6.07307 9.31655 6.70623 9.70708 7.09676L13.8927 11.2824C14.2833 11.6729 14.2833 12.3061 13.8927 12.6966L9.71069 16.8787C9.32016 17.2692 9.32016 17.9023 9.71069 18.2929Z' fill='%23000'/></svg>") center/contain no-repeat } /* Label: 2 lines + ellipsis (left-aligned) */ .sublist-label{ font-size:var(--fs); line-height:var(--lh); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; min-width:0; color:inherit!important; text-align:left!important } /* Baseline rule aligned across items */ .sublist-01::after{content:""; position:absolute; left:22px; right:0; bottom:0; height:1px; background:#cfd7f2; border-radius:1px} /* Hover: color + semibold */ a:hover .sublist-01, a:hover .sublist-01 .sublist-label{color:#1a49e9!important} a:hover .sublist-01 .sublist-label{font-weight:600} a:hover .sublist-01 .sublist-02{color:#1a49e9} /* Responsive */ @media (max-width:990px){ .sublist-01{--fs:15px; height:calc(2*var(--fs)*var(--lh) + 24px)!important} .sublist-02{width:20px!important; height:20px!important} .sublist-02::before{left:3px; width:12px; height:12px} .sublist-01::after{left:20px} .sublist-label{font-size:var(--fs)!important} }.ezpath { padding: 80px 40px; container-type: inline-size; } .ezpath .ez.slide.n1 { display: flex !important; align-items: stretch !important; } .ezpath .ez.slide { gap: 10px !important; border-radius: 0px !important; border-bottom: 4px solid #ffd400 !important; padding: 10px !important; background: #FFFFFFCC !important; } .ezpath .ez.slide .input, .ezpath .ez.slide button { height: 50px !important; } .ezpath .ez.slide textarea { color: #000000 !important; border-radius: 0px !important; border: none !important; padding-top: 16px !important; background: transparent !important; } .ezpath .ez.slide button { background: #ffd400 !important; color: #000000 !important; border-radius: 0px !important; border: none !important; padding: 10px 20px !important; } .ezpath .field.field-question { width: 100%; } @container (max-width: 420px) { .ezpath .ez.slide .field.button-submit button { font-size: 0 !important; padding: 10px !important; width: 50px !important; } .ezpath .ez.slide .field.button-submit button::before { content: ""; display: inline-block; width: 24px; height: 24px; background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 15L21 21M10 17C6.134 17 3 13.866 3 10C3 6.134 6.134 3 10 3C13.866 3 17 6.134 17 10C17 13.866 13.866 17 10 17Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center; background-size: contain; } }:root{ --title-underline-color:#E67605; --list-item-hover-background-color:#29568B; } div.basic-siblings{ background:#FFFFFF; border:1px solid #29568B; border-radius:0; box-shadow:0 6px 16px rgba(41,86,139,.15); padding:18px 18px 20px; width:100%;max-width:100%;box-sizing:border-box;overflow:hidden; } h2.basic-siblings{ margin:0; font-size:22px; line-height:1.2; font-weight:600; color:#29568B; } .basic-title-rule{ height:4px; background:var(--title-underline-color); margin:8px 0 10px; } ul.basic-siblings{list-style:none;margin:0;padding:0;} ul.basic-siblings li{margin:10px 0;} ul.basic-siblings li a{ display:flex; align-items:flex-start; gap:12px; padding:12px 16px; border-radius:0; text-decoration:none; background:transparent; border:1px solid transparent; color:#29568B; font-weight:600; font-size:18px; transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease; } ul.basic-siblings li a::before{ content:""; flex:0 0 18px; width:18px; height:18px; margin-top:2px; background-color:currentColor; -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1H1v18h18V1H3zm14 2v14H3V3h14zm4 18H5v2h18V5h-2v16zM15 5H5v2h10V5zM5 9h10v2H5V9zm7 4H5v2h7v-2z' fill='%23000'/%3E%3C/svg%3E"); -webkit-mask-repeat:no-repeat; -webkit-mask-size:18px 18px; -webkit-mask-position:center; mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1H1v18h18V1H3zm14 2v14H3V3h14zm4 18H5v2h18V5h-2v16zM15 5H5v2h10V5zM5 9h10v2H5V9zm7 4H5v2h7v-2z' fill='%23000'/%3E%3C/svg%3E"); mask-repeat:no-repeat; mask-size:18px 18px; mask-position:center; } ul.basic-siblings li a:hover{ background:var(--list-item-hover-background-color); color:#FFFFFF; border-color:#29568B; box-shadow:0 6px 16px rgba(41,86,139,.25); transform:translateY(-1px); } ul.basic-siblings li a:focus-visible{ outline:3px solid #E67605; outline-offset:2px; border-radius:0; } @media (max-width:480px){ ul.basic-siblings li a{font-size:16.5px;padding:11px 14px;} }