/* Isolated field-tool guide. Colors, text sizes and radii use index :root tokens. */
#page-tool-guide .tg-shell{max-width:1000px;margin:0 auto;padding:0 0 24px;color:var(--ink);}
#page-tool-guide .tg-page-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;}
#page-tool-guide .tg-page-heading button{min-height:44px;border:0;border-radius:var(--r-sm);background:var(--green-wash);color:var(--green-dark);font-size:var(--fs-2);font-weight:800;padding:8px 12px;cursor:pointer;}
body.tool-guide-active .write-fab,body.tool-guide-active #go-back{display:none!important;}
#page-tool-guide .tg-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
#page-tool-guide .tg-catalog-total{display:block;font-size:var(--fs-1);color:var(--gray);}
#page-tool-guide button,#page-tool-guide input,#page-tool-guide select{font-family:inherit;}
#page-tool-guide .tg-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0 0 14px;}
#page-tool-guide .tg-levels button{min-width:0;min-height:56px;padding:8px 3px;background:var(--card);color:var(--gray);border:1px solid var(--line);border-radius:var(--r-md);font-size:var(--fs-2);font-weight:800;line-height:1.3;cursor:pointer;word-break:keep-all;}
#page-tool-guide .tg-levels small{display:block;margin-top:4px;font-size:var(--fs-1);font-weight:600;}
#page-tool-guide .tg-levels .is-active{background:var(--green-dark);border-color:var(--green-dark);color:var(--card);}
#page-tool-guide .tg-search{display:flex;align-items:center;border:1px solid var(--green-line);background:var(--card);border-radius:var(--r-md);padding:0 10px;gap:8px;}
#page-tool-guide .tg-search svg{flex:0 0 20px;width:20px;height:20px;color:var(--green-dark);}
#page-tool-guide .tg-search input{min-width:0;flex:1;border:0;background:transparent;font-size:var(--fs-3);color:var(--ink);min-height:50px;padding:10px 0;}
#page-tool-guide .tg-search input:focus{outline:none;}
#page-tool-guide .tg-search:focus-within{outline:2px solid var(--green-dark);outline-offset:2px;}
#page-tool-guide .tg-search button{flex:0 0 44px;min-height:44px;border:0;background:transparent;color:var(--gray);font-size:var(--fs-4);cursor:pointer;}
#page-tool-guide .tg-filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:10px 0 12px;}
#page-tool-guide .tg-select{min-width:0;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-1);color:var(--gray);}
#page-tool-guide .tg-select select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 24px 8px 9px;background:var(--card);color:var(--ink);font-size:var(--fs-2);}
#page-tool-guide .tg-kit{border:1px solid var(--green-line2);border-radius:var(--r-md);background:var(--green-wash);margin:10px 0 16px;}
#page-tool-guide .tg-kit>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:50px;padding:12px;font-size:var(--fs-2);font-weight:800;flex-wrap:wrap;}
#page-tool-guide .tg-kit>summary::-webkit-details-marker{display:none;}
#page-tool-guide .tg-kit>summary:after{content:'⌄';margin-left:auto;}
#page-tool-guide .tg-kit[open]>summary:after{content:'⌃';}
#page-tool-guide .tg-kit progress{width:40px;height:7px;accent-color:var(--green-dark);border:0;border-radius:var(--r-pill);overflow:hidden;}
#page-tool-guide .tg-kit progress::-webkit-progress-bar{background:var(--green-line2);}
#page-tool-guide .tg-kit progress::-webkit-progress-value{background:var(--green-dark);}
#page-tool-guide .tg-kit-body{padding:0 12px 12px;font-size:var(--fs-2);line-height:1.7;color:var(--gray);}
#page-tool-guide .tg-kit-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
#page-tool-guide .tg-kit-actions button{min-height:44px;border:1px solid var(--green-line);border-radius:var(--r-sm);padding:8px 12px;background:var(--card);color:var(--green-dark);font-size:var(--fs-2);font-weight:700;cursor:pointer;}
#page-tool-guide button:disabled{opacity:.55;cursor:default;}
#page-tool-guide .tg-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px;}
#page-tool-guide .tg-result-head h3{font-size:var(--fs-4);line-height:1.5;word-break:keep-all;}
#page-tool-guide .tg-result-head span{font-size:var(--fs-2);color:var(--green-dark);font-weight:800;flex-shrink:0;line-height:1.8;}
#page-tool-guide .tg-result-desc{font-size:var(--fs-2);color:var(--gray);line-height:1.6;word-break:keep-all;}
#page-tool-guide .tg-price-basis{font-size:var(--fs-1);color:var(--gray);line-height:1.6;margin:8px 0 14px;}
#page-tool-guide .tg-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;}
#page-tool-guide .tg-card{min-width:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:16px 14px 0;overflow:hidden;}
#page-tool-guide .tg-card.is-checked{border-color:var(--green-line);}
#page-tool-guide .tg-card-head{display:flex;gap:10px;align-items:center;}
#page-tool-guide .tg-tool-icon{flex:0 0 42px;width:42px;height:42px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:var(--green-wash);color:var(--green-dark);}
#page-tool-guide .tg-tool-icon svg{width:27px;height:27px;}
#page-tool-guide .tg-card-title{flex:1;min-width:0;}
#page-tool-guide .tg-category{display:block;font-size:var(--fs-1);color:var(--gray);line-height:1.5;}
#page-tool-guide .tg-card-title h3{font-size:var(--fs-4);font-weight:900;line-height:1.5;overflow-wrap:anywhere;word-break:keep-all;}
#page-tool-guide .tg-check{flex:0 0 44px;width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;}
#page-tool-guide .tg-check input{position:absolute;opacity:0;width:44px;height:44px;cursor:pointer;}
#page-tool-guide .tg-check-mark{width:24px;height:24px;border:2px solid var(--green-line2);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;background:var(--card);}
#page-tool-guide .tg-check input:checked+.tg-check-mark{background:var(--green-dark);border-color:var(--green-dark);color:var(--card);}
#page-tool-guide .tg-check input:checked+.tg-check-mark:after{content:'✓';font-size:var(--fs-2);font-weight:900;}
#page-tool-guide .tg-check input:focus-visible+.tg-check-mark{outline:3px solid var(--green-dark);outline-offset:4px;}
#page-tool-guide .tg-use{font-size:var(--fs-2);color:var(--gray);line-height:1.65;margin:10px 0 9px;word-break:keep-all;overflow-wrap:anywhere;}
#page-tool-guide .tg-product{display:flex;align-items:center;gap:14px;padding:12px 0;color:var(--ink);text-decoration:none;}
#page-tool-guide .tg-product-photo{width:120px;height:140px;flex:0 0 120px;display:flex;align-items:center;justify-content:center;background:var(--card);border-radius:var(--r-md);overflow:hidden;}
#page-tool-guide .tg-product-photo img{width:100%;height:100%;object-fit:contain;}
#page-tool-guide .tg-product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;overflow-wrap:anywhere;}
#page-tool-guide .tg-product-info>b{font-size:var(--fs-3);line-height:1.5;}
#page-tool-guide .tg-product-name{font-size:var(--fs-1);line-height:1.6;color:var(--gray);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#page-tool-guide .tg-product-info>strong{font-size:var(--fs-2);line-height:1.6;color:var(--green-dark);}
#page-tool-guide .tg-product-cta{display:block;padding:10px 6px;min-height:44px;background:var(--green-dark);color:var(--card);border-radius:var(--r-sm);font-size:var(--fs-2);line-height:1.6;font-weight:800;text-align:center;}
#page-tool-guide .tg-product-caption{font-size:var(--fs-1);line-height:1.6;color:var(--gray);margin-bottom:8px;overflow-wrap:anywhere;}
#page-tool-guide .tg-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;margin-bottom:8px;}
#page-tool-guide .tg-card-actions>a,#page-tool-guide .tg-card-actions>button{font-size:var(--fs-2);line-height:1.6;min-height:44px;padding:8px 0;color:var(--green-dark);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
#page-tool-guide .tg-card-actions>button{font-size:var(--fs-1);color:var(--gray);}
#page-tool-guide .tg-product-placeholder{display:flex;align-items:center;gap:14px;min-height:164px;color:var(--gray);font-size:var(--fs-2);line-height:1.7;}
#page-tool-guide .tg-product-placeholder>span{width:120px;flex:0 0 120px;text-align:center;}
#page-tool-guide .tg-product-placeholder svg{width:54px;height:54px;color:var(--green-line2);}
#page-tool-guide .tg-product-unavailable{min-height:164px;display:flex;align-items:center;font-size:var(--fs-2);line-height:1.8;color:var(--gray);overflow-wrap:anywhere;}
#page-tool-guide .tg-photo-missing{font-size:var(--fs-1);line-height:1.7;color:var(--gray);text-align:center;overflow-wrap:anywhere;}
#page-tool-guide .tg-card-foot{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;flex-wrap:wrap;}
#page-tool-guide .tg-card-foot>span{font-size:var(--fs-2);color:var(--ink);overflow-wrap:anywhere;}
#page-tool-guide .tg-card-foot>b{font-size:var(--fs-2);color:var(--green-dark);font-weight:800;}
#page-tool-guide .tg-detail{border-top:1px solid var(--line);}
#page-tool-guide .tg-detail>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;font-size:var(--fs-2);font-weight:700;color:var(--green-dark);padding:10px 0;}
#page-tool-guide .tg-detail>summary::-webkit-details-marker{display:none;}
#page-tool-guide .tg-detail>summary>span{flex:0 0 20px;text-align:center;}
#page-tool-guide .tg-detail>summary>span:after{content:'＋';}
#page-tool-guide .tg-detail[open]>summary>span:after{content:'−';}
#page-tool-guide .tg-detail-body{padding-bottom:14px;}
#page-tool-guide .tg-tip{padding:12px;background:var(--green-wash);border-radius:var(--r-sm);font-size:var(--fs-2);line-height:1.7;margin-bottom:12px;overflow-wrap:anywhere;}
#page-tool-guide .tg-tip>b{display:block;color:var(--green-dark);margin-bottom:3px;}
#page-tool-guide .tg-model{border-top:1px solid var(--line);padding:14px 0 0;margin-top:14px;}
#page-tool-guide .tg-model:first-child{border-top:0;padding-top:0;margin-top:0;}
#page-tool-guide .tg-model-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;}
#page-tool-guide .tg-model-top>div{min-width:0;flex:1;}
#page-tool-guide .tg-brand{display:block;font-size:var(--fs-1);color:var(--gray);}
#page-tool-guide .tg-model-top strong{display:block;font-size:var(--fs-3);margin-top:2px;overflow-wrap:anywhere;}
#page-tool-guide .tg-price{font-size:var(--fs-2);color:var(--green-dark);font-weight:800;}
#page-tool-guide .tg-model-note{font-size:var(--fs-2);color:var(--gray);line-height:1.7;margin-top:6px;overflow-wrap:anywhere;}
#page-tool-guide .tg-buy{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
#page-tool-guide .tg-buy>a,#page-tool-guide .tg-buy>button{min-height:44px;padding:10px;border:1px solid var(--green-line);border-radius:var(--r-sm);background:var(--card);color:var(--green-dark);font-size:var(--fs-2);font-weight:700;line-height:1.5;text-decoration:none;cursor:pointer;text-align:center;overflow-wrap:anywhere;}
#page-tool-guide .tg-buy>a:first-child{background:var(--green-wash);}
#page-tool-guide .tg-buy>a.tg-direct-buy{background:var(--green-dark);border-color:var(--green-dark);color:var(--card);}
#page-tool-guide .tg-buy>button.tg-offer-refresh{border:0;color:var(--gray);font-weight:600;text-decoration:underline;}
#page-tool-guide .tg-buy>a.tg-official{border:0;color:var(--gray);text-decoration:underline;}
#page-tool-guide .tg-offers:empty{display:none;}
#page-tool-guide .tg-offers{margin-top:10px;font-size:var(--fs-2);line-height:1.7;color:var(--gray);overflow-wrap:anywhere;}
#page-tool-guide .tg-offer-label{font-size:var(--fs-1);margin-bottom:6px;}
#page-tool-guide .tg-offer{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;}
#page-tool-guide .tg-offer img{width:64px;height:64px;object-fit:contain;flex:0 0 64px;border-radius:var(--r-sm);background:var(--card);}
#page-tool-guide .tg-offer>span:first-of-type{min-width:0;flex:1;}
#page-tool-guide .tg-offer b{font-size:var(--fs-2);line-height:1.6;display:block;font-weight:600;}
#page-tool-guide .tg-offer strong{display:block;font-size:var(--fs-3);color:var(--green-dark);margin-top:4px;}
#page-tool-guide .tg-offer>span.tg-photo-missing{flex:0 0 64px;width:64px;}
#page-tool-guide .tg-offer>span:not(.tg-photo-missing):not([aria-hidden]){min-width:0;flex:1;}
#page-tool-guide .tg-empty{padding:24px 14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);grid-column:1/-1;font-size:var(--fs-3);text-align:center;line-height:1.8;}
#page-tool-guide .tg-empty p{font-size:var(--fs-2);color:var(--gray);}
#page-tool-guide .tg-empty button{min-height:44px;background:var(--green-dark);border:0;border-radius:var(--r-sm);color:var(--card);font-size:var(--fs-2);font-weight:800;padding:10px 14px;margin-top:12px;cursor:pointer;}
#page-tool-guide .tg-source{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:var(--fs-2);line-height:1.8;color:var(--gray);overflow-wrap:anywhere;}
#page-tool-guide .tg-source summary{min-height:44px;cursor:pointer;color:var(--ink);font-weight:700;}
#page-tool-guide .tg-source a{color:var(--green-dark);text-underline-offset:3px;}
#page-tool-guide .tg-source p{margin-bottom:8px;}
#page-tool-guide .tg-source-link{display:inline-flex;align-items:center;min-height:44px;}
#page-tool-guide .coupang-partners-notice{margin:14px 0 0;text-align:left;font-size:var(--fs-1);color:var(--gray);line-height:1.8;}
#page-tool-guide :is(button,a,summary,select):focus-visible{outline:3px solid var(--green-dark);outline-offset:3px;}
#page-tool-guide [hidden]{display:none!important;}
html.font-xl #page-tool-guide .tg-levels{grid-template-columns:repeat(2,minmax(0,1fr));}
html.font-xl #page-tool-guide .tg-filter-row{grid-template-columns:minmax(0,1fr);}
html.font-xl #page-tool-guide .tg-result-head{flex-wrap:wrap;}
html.font-xl #page-tool-guide .tg-tool-icon{display:none;}
html.font-xl #page-tool-guide .tg-product{flex-direction:column;align-items:stretch;}
html.font-xl #page-tool-guide .tg-product-photo{width:100%;height:160px;flex-basis:auto;}
html.font-xl #page-tool-guide .tg-product-photo img{width:160px;margin:auto;}
@media(max-width:350px){#page-tool-guide .tg-product-photo{width:96px;flex-basis:96px;}#page-tool-guide .tg-product{gap:10px;}}
@media(min-width:700px){#page-tool-guide .tg-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(prefers-reduced-motion:reduce){#page-tool-guide *{scroll-behavior:auto!important;}}