#sPoint.jg-page{.guide-filter{max-width:900px;margin:0 auto 40px;padding:15px;background:#f7f7f7;.gf-flex{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px}.guide-filter-group{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;padding:18px;border:1px solid #ccc;p{width:100%;margin:0;font-weight:700;text-align:center}input{display:none;&:checked+span{border-color:transparent}&[value=""]:checked+span{background-color:#c4e0f1;color:#000}&[value=partial]:checked+span{background-color:#f39800;color:#fff}&[value=private]:checked+span{background-color:#16212c;color:#fff}&[name=category]:not([value=""]):checked+span{background-color:#c4e0f1;color:#000}}span{display:block;padding:4px 10px;background:#fff;border:1px solid #ccc;border-radius:50px;color:#000;cursor:pointer;font-weight:600;transition:all 0.3s;&:hover{opacity:.7}}}>button{display:block;width:fit-content;margin:0 auto;padding:12px 24px;border:0;border-radius:15px;border:1px solid #16212c;background-color:#16212c;color:#fff;cursor:pointer;font-weight:600;transition:all 0.3s;&:hover{background-color:#fff;color:#16212c}}>a{margin-left:15px;text-decoration:underline}}.jg-container{width:95%;margin:0 auto;max-width:900px;display:flex;gap:20px;flex-direction:column;.guide-box{border-radius:10px;border:2px solid #f39800;background-color:#fff8ea;width:100%;transition:all 0.3s;a{padding:20px;display:block}.guide-meta{display:flex;align-items:center;gap:20px;.guide-date{font-size:.9rem;color:#aaa}.guide-status{font-size:0.75rem;color:white;padding:2px 7px;border-radius:50px;&.is-public{background-color:#f39800}&.is-private{background-color:#16212c}}.guide-cat{display:flex;width:fit-content;margin-bottom:0;padding-left:0;gap:1rem;li{font-size:0.9rem;color:#db900e;position:relative;&:before{content:"#";font-size:.9rem;color:#db900e}}}}h3{font-size:2rem;margin-top:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}p{font-size:.9rem;margin-bottom:0;color:#6e6e6e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}&:hover{background-color:#fff;border:2px solid #f5c36c}}@media (max-width:920px){.guide-box{h3{font-size:1.4rem;margin-top:12px}}}}}.jg-wrap{margin-top:150px}#juku-guide-content{width:92%;max-width:1100px;margin:0 auto;padding-bottom:50px;.guide-meta{display:flex;align-items:center;gap:20px;.guide-date{font-size:.9rem;color:#aaa}.guide-status{padding:2px 7px;border-radius:50px;color:#fff;font-size:0.75rem;&.is-public{background-color:#f39800}&.is-private{background-color:#16212c}}.guide-cat{display:flex;width:fit-content;margin-bottom:0;padding-left:0;gap:1rem;li{position:relative;color:#db900e;font-size:0.9rem;&:before{content:"#";color:#db900e;font-size:.9rem}}}}h1{margin-top:30px}.ov-br{margin-top:50px;margin-left:0}header{margin-bottom:100px;padding-bottom:20px;border-bottom:2px solid #f39800}.juku-guide-back{margin-top:70px;text-align:center;a{display:inline-block;padding:12px 30px;border:1px solid #16212c;border-radius:15px;background-color:#16212c;color:#fff;font-weight:600;transition:all 0.3s;&:hover{background-color:#fff;color:#16212c}}}}#juku-guide-layout{display:flex;align-items:flex-start;gap:50px}#juku-guide-toc{position:sticky;top:100px;flex:0 0 260px;nav{padding:22px;border:1px solid #ddd;border-radius:10px;background-color:#f7f7f7}p{margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #f39800;font-size:1.1rem;font-weight:700}ul{margin:0;padding:0;list-style:none}li{margin-top:10px;line-height:1.5;&:first-child{margin-top:0}&.is-h3{padding-left:15px;font-size:.9rem}}a{color:#16212c;text-decoration:none;transition:opacity 0.3s;&:hover{opacity:.6}}}#juku-guide-body{min-width:0;flex:1;line-height:2;h2,h3{scroll-margin-top:100px}h2{margin:60px 0 30px;padding:12px 18px;border-left:5px solid #f39800;background-color:#fff8ea;font-size:1.7rem;&:first-child{margin-top:0}}h3{margin:45px 0 20px;padding-bottom:8px;border-bottom:2px solid #f39800;font-size:1.4rem}h4{margin:35px 0 15px;font-size:1.2rem;color:#f39800}p{margin:0 0 30px;color:#3f3f3f;line-height:170%}ul,ol{margin:0 0 30px;padding-left:1.5em;li{margin-bottom:8px;font-size:1rem;font-weight:600;position:relative;&:before{content:"";position:absolute;width:10px;aspect-ratio:1/1;background-color:#f5c36c;border-radius:50%;top:calc(1rem - 5px);left:-20px}}}table{width:100%;margin:30px 0;border-collapse:collapse;th,td{padding:12px;border:1px solid #ccc;text-align:left}th{background-color:#f7f7f7}}.wp-element-caption{font-size:.75rem !important}blockquote{margin:30px 0;padding:20px;border-left:4px solid #f39800;background-color:#f7f7f7}}.juku-guide-password-area{max-width:600px;margin:50px auto;padding:30px;border:2px solid #f14848;border-radius:15px;background-color:#f7f7f7;.juku-guide-password-heading{margin:0 0 5px;font-size:1.5rem;font-weight:700;text-align:center}.juku-guide-password-text{margin-top:10px;font-size:1.1rem;text-align:center}.juku-guide-password-form{display:flex;align-items:flex-end;gap:12px;label{flex:1;span{display:block;margin-bottom:5px;font-weight:700}}input[type=password]{width:100%;margin-top:10px;padding:12px;border:1px solid #aaa;background-color:#fff}button{display:block;width:fit-content;margin:0 auto;padding:12px 24px;border:1px solid #16212c;border-radius:15px;background-color:#16212c;color:#fff;cursor:pointer;font-weight:600;transition:all 0.3s;&:hover{background-color:#fff;color:#16212c}}}.juku-guide-password-error{color:#c00;font-weight:700;text-align:center}}.juku-guide-private-start{margin:70px 0;text-align:center;width:100%;position:relative;scroll-margin-top:120px;&:after{content:"";position:absolute;width:100%;height:2px;background-color:#16212c;top:calc(50% - 1px);left:50%;transform:translateX(-50%)}p{display:block;width:fit-content;margin:0 auto !important;padding:8px 24px;border-radius:20px;background-color:#fff;color:#16212c !important;font-weight:700;position:relative;z-index:2;border:2px solid #16212c}}@media (max-width:767px){.jg-wrap{margin-top:100px}#juku-guide-content{width:92%;.guide-meta{flex-wrap:wrap;gap:8px 12px}h1{font-size:1.7rem;line-height:1.5}header{margin-bottom:50px}}#juku-guide-layout{flex-direction:column;gap:35px}#juku-guide-toc{position:static;width:100%;flex:none;nav{padding:18px}}#juku-guide-body{width:100%;h2{margin-top:45px;font-size:1.4rem}h3{font-size:1.2rem}table{overflow-x:auto;white-space:nowrap}}.juku-guide-password-area{padding:20px 15px;.juku-guide-password-form{flex-direction:column;align-items:stretch;button{width:280px;max-width:100%;margin-top:15px}}}}